Title: [291466] trunk/Source/WebInspectorUI
Revision
291466
Author
nvasil...@apple.com
Date
2022-03-17 21:23:25 -0700 (Thu, 17 Mar 2022)

Log Message

Web Inspector: REGRESSION(r287753): Settings: checkboxes are smaller and no longer vertically align with related text
https://bugs.webkit.org/show_bug.cgi?id=237745
<rdar://problem/90129658>

Reviewed by Devin Rousso.

After r287753, `font-size` no longer affects the size of the checkboxes.
Use `width` and `height` to make the checkbox the expected size.

* UserInterface/Views/SettingsTabContentView.css:
(.content-view.tab.settings > .settings-view > .container > .editor-group > .setting-editor input[type="checkbox"]):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (291465 => 291466)


--- trunk/Source/WebInspectorUI/ChangeLog	2022-03-18 03:17:19 UTC (rev 291465)
+++ trunk/Source/WebInspectorUI/ChangeLog	2022-03-18 04:23:25 UTC (rev 291466)
@@ -1,3 +1,17 @@
+2022-03-17  Nikita Vasilyev  <nvasil...@apple.com>
+
+        Web Inspector: REGRESSION(r287753): Settings: checkboxes are smaller and no longer vertically align with related text
+        https://bugs.webkit.org/show_bug.cgi?id=237745
+        <rdar://problem/90129658>
+
+        Reviewed by Devin Rousso.
+
+        After r287753, `font-size` no longer affects the size of the checkboxes.
+        Use `width` and `height` to make the checkbox the expected size.
+
+        * UserInterface/Views/SettingsTabContentView.css:
+        (.content-view.tab.settings > .settings-view > .container > .editor-group > .setting-editor input[type="checkbox"]):
+
 2022-03-12  Tim Horton  <timothy_hor...@apple.com>
 
         Adopt FALLBACK_PLATFORM_NAME in place of FALLBACK_PLATFORM

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SettingsTabContentView.css (291465 => 291466)


--- trunk/Source/WebInspectorUI/UserInterface/Views/SettingsTabContentView.css	2022-03-18 03:17:19 UTC (rev 291465)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SettingsTabContentView.css	2022-03-18 04:23:25 UTC (rev 291466)
@@ -105,8 +105,9 @@
 }
 
 .content-view.tab.settings > .settings-view > .container > .editor-group > .setting-editor input[type="checkbox"] {
-    /* Vertically align <select> with the group title text. */
-    font-size: 16px;
+    width: 15px;
+    height: 15px;
+    vertical-align: -1px;
 }
 
 .content-view.tab.settings > .settings-view > .container > .editor-group > .setting-editor select {
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to