ELEMENTS-1777: rtl support thumbnail & card

nuxeo · Dec 17, 2024 · 27aa848 · 27aa848
1 parent 37e705a
commit 27aa848
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/ui/nuxeo-document-thumbnail/nuxeo-document-thumbnail.js b/ui/nuxeo-document-thumbnail/nuxeo-document-thumbnail.js
@@ -42,6 +42,10 @@ import { I18nBehavior } from '../nuxeo-i18n-behavior';
             flex: none;
           }
 
+          :host([dir="rtl"]) img {
+            margin: auto auto auto 8px;
+          }
+            
           img {
             height: auto;
             width: auto;
@@ -58,10 +62,6 @@ import { I18nBehavior } from '../nuxeo-i18n-behavior';
             filter: brightness(1.2);
             -webkit-filter: brightness(1.2);
           }
-          
-          :host([dir="rtl"]) img {
-            margin: auto auto auto 8px;
-          }
         </style>
 
         <img id="img" src="[[_thumbnail(document)]]" alt="[[_title(document)]]" on-error="_error" />

diff --git a/ui/widgets/nuxeo-card.js b/ui/widgets/nuxeo-card.js
@@ -72,6 +72,11 @@ import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
             cursor: pointer;
             @apply --nuxeo-link-hover;
           }
+          
+          :host([dir="rtl"]) .header .icon {
+            margin-left: 8px;
+            margin-right: 0;
+          }
 
           [hidden] {
             display: none !important;
@@ -99,11 +104,6 @@ import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
             --iron-icon-height: 16px;
           }
           
-          :host([dir="rtl"]) .header .icon {
-            margin-left: 8px;
-            margin-right: 0;
-          }
-
           .header .toggle {
             --iron-icon-width: 20px;
             --iron-icon-height: 20px;