fix(NcAppSidebar): RTL support

Signed-off-by: Hamza Mahjoubi <[email protected]>
nextcloud-libraries · Nov 5, 2024 · bf7ac62 · bf7ac62
1 parent 0318b2e
commit bf7ac62
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/components/NcAppSidebar/NcAppSidebar.vue b/src/components/NcAppSidebar/NcAppSidebar.vue
@@ -1309,7 +1309,7 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 			position: absolute;
 			z-index: 100;
 			top: $top-buttons-spacing;
-			right: $top-buttons-spacing;
+			inset-inline-end: $top-buttons-spacing;
 			width: var(--default-clickable-area);
 			height: var(--default-clickable-area);
 			opacity: $opacity_normal;
@@ -1337,14 +1337,14 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 					flex: 0 0 auto;
 				}
 				.app-sidebar-header__desc {
-					padding-left: 0;
+					padding-inline-start: 0;
 					flex: 1 1 auto;
 					min-width: 0;
-					padding-right: calc(2 * var(--default-clickable-area) + $top-buttons-spacing);
+					padding-inline-end: calc(2 * var(--default-clickable-area) + $top-buttons-spacing);
 					padding-top: var(--app-sidebar-padding);
 
 					&.app-sidebar-header__desc--without-actions {
-						padding-right: calc(var(--default-clickable-area) + $top-buttons-spacing);
+						padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
 					}
 
 					.app-sidebar-header__tertiary-actions {
@@ -1373,10 +1373,10 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 			}
 			// increase the padding to not overlap the menu
 			.app-sidebar-header__desc {
-				padding-right: calc(var(--default-clickable-area) * 2 + $top-buttons-spacing);
+				padding-inline-end: calc(var(--default-clickable-area) * 2 + $top-buttons-spacing);
 
 				&.app-sidebar-header__desc--without-actions {
-					padding-right: calc(var(--default-clickable-area) + $top-buttons-spacing);
+					padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
 				}
 			}
 		}
@@ -1413,7 +1413,7 @@ $top-buttons-spacing: $app-navigation-padding; // align with app navigation
 
 			// custom overrides
 			&--with-tertiary-action {
-				padding-left: 6px;
+				padding-inline-start: 6px;
 			}
 
 			&--editable .app-sidebar-header__mainname-form,