Web Inspector: RTL: flip all go-to-arrow instances
authorbburg@apple.com <bburg@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 24 Jun 2017 00:35:20 +0000 (00:35 +0000)
committerbburg@apple.com <bburg@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 24 Jun 2017 00:35:20 +0000 (00:35 +0000)
https://bugs.webkit.org/show_bug.cgi?id=173794
<rdar://problem/32221912>

Reviewed by Joseph Pecoraro.

Move the flipping transform so it applies to all go-to arrows.

* UserInterface/Views/DataGrid.css:
(body[dir=rtl] .data-grid td .go-to-arrow):
* UserInterface/Views/Main.css:
(body[dir=rtl] .go-to-arrow):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@218777 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/DataGrid.css
Source/WebInspectorUI/UserInterface/Views/Main.css

index 4ae98cf..1372745 100644 (file)
@@ -1,3 +1,18 @@
+2017-06-23  Brian Burg  <bburg@apple.com>
+
+        Web Inspector: RTL: flip all go-to-arrow instances
+        https://bugs.webkit.org/show_bug.cgi?id=173794
+        <rdar://problem/32221912>
+
+        Reviewed by Joseph Pecoraro.
+
+        Move the flipping transform so it applies to all go-to arrows.
+
+        * UserInterface/Views/DataGrid.css:
+        (body[dir=rtl] .data-grid td .go-to-arrow):
+        * UserInterface/Views/Main.css:
+        (body[dir=rtl] .go-to-arrow):
+
 2017-06-22  Joseph Pecoraro  <pecoraro@apple.com>
 
         Web Inspector: Pausing with a deep call stack can be very slow, avoid eagerly generating object previews
index 7662bbd..6d7c655 100644 (file)
@@ -360,7 +360,6 @@ body[dir=ltr] .data-grid td .go-to-arrow {
 body[dir=rtl] .data-grid td .go-to-arrow {
     float: left;
     margin-right: var(--data-grid-go-to-arrow-margin-start);
-    transform: scaleX(-1);
 }
 
 .data-grid tr:matches(.selected, :hover) .go-to-arrow {
index 0631ab7..76187cd 100644 (file)
@@ -314,6 +314,10 @@ body[dir=rtl] .go-to-link:not(.dont-float) {
     background-image: url(../Images/GoToArrow.svg#active);
 }
 
+body[dir=rtl] .go-to-arrow {
+    transform: scaleX(-1);
+}
+
 :matches(:focus, .force-focus) .selected .go-to-arrow {
     background-image: url(../Images/GoToArrow.svg#selected);
 }