Changeset 277213 in webkit

Timestamp:

May 7, 2021, 5:01:30 PM (5 years ago)

Author:

Patrick Angle

Message:

Web Inspector: Breakpoint action add/remove buttons are not vertically aligned with action dropdown
​https://bugs.webkit.org/show_bug.cgi?id=225543

Reviewed by Devin Rousso.

Change the breakpoint action add/remove button's margin-top to margin-block-start, and adjust the value to
properly vertically center the buttons with the action type menu.

• UserInterface/Views/BreakpointActionView.css:

(:matches(.breakpoint-action-append-button, .breakpoint-action-remove-button)):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/BreakpointActionView.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2021-05-07  Patrick Angle  <pangle@apple.com>
+
+        Web Inspector: Breakpoint action add/remove buttons are not vertically aligned with action dropdown
+        https://bugs.webkit.org/show_bug.cgi?id=225543
+
+        Reviewed by Devin Rousso.
+
+        Change the breakpoint action add/remove button's `margin-top` to `margin-block-start`, and adjust the value to
+        properly vertically center the buttons with the action type menu.
+
+        * UserInterface/Views/BreakpointActionView.css:
+        (:matches(.breakpoint-action-append-button, .breakpoint-action-remove-button)):
+
 2021-05-07  Patrick Angle  <pangle@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Views/BreakpointActionView.css

@@ -40 +40 @@
     width: 13px;
     height: 13px;
-    margin-top: 2px;
+    margin-block-start: 5px;
     margin-inline-start: 5px;
     background-color: transparent;