Merge pull request #4222 from 3scale/fix-policy-checkbox-style

mayorova · web-flow · commit 7f1fb55fa147 · 2026-02-12T11:15:48.000+01:00
THREESCALE-10550: Fix the alignment of checkbox in policy configuration
diff --git a/.qlty/qlty.toml b/.qlty/qlty.toml
@@ -100,4 +100,5 @@ package_filters = ["eslint"]
 
 [[plugin]]
 name = "stylelint"
-extra_packages = ["stylelint-config-standard-scss@latest"]
+package_file = "package.json"
+package_filters = ["stylelint"]
diff --git a/app/javascript/src/Policies/styles/policies.scss b/app/javascript/src/Policies/styles/policies.scss
@@ -159,12 +159,13 @@ fieldset.policies-fieldset {
       display: none;
     }
 
+    input[type="checkbox"] {
+      top: auto;
+      margin-top: 0.375rem;
+    }
+
     .Policy-status input#policy-enabled[type="checkbox"][name="policy-enabled"] {
-      position: relative;
-      top: -1px;
       margin: 0 0.375rem 0 1px;
-      vertical-align: baseline;
-      border-radius: 0.1875rem;
     }
   }
 }
diff --git a/package.json b/package.json
@@ -39,6 +39,8 @@
     "jest": "30.2.0",
     "jest-environment-jsdom": "30.2.0",
     "mockdate": "^3.0.5",
+    "stylelint": "^16.26.0",
+    "stylelint-config-standard-scss": "^14.0.0",
     "ts-jest": "29.4.6",
     "typescript": "5.0.4",
     "webpack": "5.104.1",
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -159,12 +159,13 @@ fieldset.policies-fieldset {`
`159`	`159`	`display: none;`
`160`	`160`	`}`
`161`	`161`
	`162`	`+ input[type="checkbox"] {`
	`163`	`+ top: auto;`
	`164`	`+ margin-top: 0.375rem;`
	`165`	`+ }`
	`166`	`+`
`162`	`167`	`.Policy-status input#policy-enabled[type="checkbox"][name="policy-enabled"] {`
`163`		`- position: relative;`
`164`		`- top: -1px;`
`165`	`168`	`margin: 0 0.375rem 0 1px;`
`166`		`- vertical-align: baseline;`
`167`		`- border-radius: 0.1875rem;`
`168`	`169`	`}`
`169`	`170`	`}`
`170`	`171`	`}`