fix: add rtl for tokens (#627)

* add rtl for tokens * fix read-only rtl tokens and use cursor: default
SAP · Feb 7, 2020 · d905104 · d905104
1 parent 52d1390
commit d905104
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/token.scss b/src/token.scss
@@ -5,6 +5,8 @@
 $block: #{$fd-namespace}-token;
 
 .#{$block} {
+  cursor: default;
+
   @mixin fd-token-focus() {
     @include fd-focus() {
       box-shadow: none;
@@ -48,6 +50,11 @@ $block: #{$fd-namespace}-token;
   flex: 1 0 auto;
   border: var(--sapButton_BorderWidth) solid $fd-token-border-color;
 
+  @include fd-rtl() {
+    padding-left: 0;
+    padding-right: $fd-token-padding-horizontal;
+  }
+
   &__text {
     overflow: hidden;
     max-width: 100%;
@@ -99,6 +106,11 @@ $block: #{$fd-namespace}-token;
       min-width: $fd-token-compact-close-width;
       height: $fd-token-compact-height;
     }
+
+    @include fd-rtl() {
+      padding-left: 0;
+      padding-right: $fd-token-compact-padding-horizontal;
+    }
   }
 
   &--selected {
@@ -126,6 +138,14 @@ $block: #{$fd-namespace}-token;
 
     &.#{$block}--compact {
       padding: 0 $fd-token-compact-padding-horizontal;
+
+      @include fd-rtl() {
+        padding-left: $fd-token-compact-padding-horizontal;
+      }
+    }
+
+    @include fd-rtl() {
+      padding-left: $fd-token-padding-horizontal;
     }
   }
 }