Title: [214902] trunk/Source/WebInspectorUI
- Revision
- 214902
- Author
- [email protected]
- Date
- 2017-04-04 15:05:36 -0700 (Tue, 04 Apr 2017)
Log Message
Web Inspector: RTL: fix alignment of close button shown while docked
https://bugs.webkit.org/show_bug.cgi?id=170472
Reviewed by Matt Baker.
* UserInterface/Views/Toolbar.css:
(.toolbar .control-section):
(body[dir=ltr] .toolbar .control-section):
(body[dir=rtl] .toolbar .control-section):
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (214901 => 214902)
--- trunk/Source/WebInspectorUI/ChangeLog 2017-04-04 21:48:41 UTC (rev 214901)
+++ trunk/Source/WebInspectorUI/ChangeLog 2017-04-04 22:05:36 UTC (rev 214902)
@@ -1,5 +1,17 @@
2017-04-04 Brian Burg <[email protected]>
+ Web Inspector: RTL: fix alignment of close button shown while docked
+ https://bugs.webkit.org/show_bug.cgi?id=170472
+
+ Reviewed by Matt Baker.
+
+ * UserInterface/Views/Toolbar.css:
+ (.toolbar .control-section):
+ (body[dir=ltr] .toolbar .control-section):
+ (body[dir=rtl] .toolbar .control-section):
+
+2017-04-04 Brian Burg <[email protected]>
+
Web Inspector: RTL: layout issues in debugger dashboard, arrows are on wrong side
https://bugs.webkit.org/show_bug.cgi?id=170425
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css (214901 => 214902)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2017-04-04 21:48:41 UTC (rev 214901)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2017-04-04 22:05:36 UTC (rev 214902)
@@ -69,8 +69,21 @@
padding-right: 2px;
min-width: -webkit-min-content;
+
+ --toolbar-control-section-padding-start: 6px;
+ --toolbar-control-section-padding-end: 2px;
}
+body[dir=ltr] .toolbar .control-section {
+ padding-left: var(--toolbar-control-section-padding-start);
+ padding-right: var(--toolbar-control-section-padding-end);
+}
+
+body[dir=rtl] .toolbar .control-section {
+ padding-left: var(--toolbar-control-section-padding-end);
+ padding-right: var(--toolbar-control-section-padding-start);
+}
+
.toolbar:matches(.icon-and-label-horizontal.small-size, .icon-only.small-size, .label-only) .control-section {
flex-direction: row;
}
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
