diff options
author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-20 19:42:11 +0200 |
---|---|---|
committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2024-08-29 08:32:48 +0000 |
commit | aea0e8df6addb215b187898003afa6e52a984f6a (patch) | |
tree | 38229649d16f68513d5a0e1337aca6c2275c6711 /core/src | |
parent | 7b048e050132d77fcc270bc6a33ad665fe14da26 (diff) | |
download | nextcloud-server-aea0e8df6addb215b187898003afa6e52a984f6a.tar.gz nextcloud-server-aea0e8df6addb215b187898003afa6e52a984f6a.zip |
fix: Adjust more places for logical position
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/src')
-rw-r--r-- | core/src/components/AppMenuEntry.vue | 4 | ||||
-rw-r--r-- | core/src/components/ContactsMenu/Contact.vue | 5 | ||||
-rw-r--r-- | core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue | 4 | ||||
-rw-r--r-- | core/src/components/login/ResetPassword.vue | 1 | ||||
-rw-r--r-- | core/src/components/setup/RecommendedApps.vue | 2 | ||||
-rw-r--r-- | core/src/jquery/css/jquery.ocdialog.scss | 2 | ||||
-rw-r--r-- | core/src/views/LegacyUnifiedSearch.vue | 10 | ||||
-rw-r--r-- | core/src/views/Profile.vue | 2 |
8 files changed, 12 insertions, 18 deletions
diff --git a/core/src/components/AppMenuEntry.vue b/core/src/components/AppMenuEntry.vue index 1bf160f0695..9ea999ad1e0 100644 --- a/core/src/components/AppMenuEntry.vue +++ b/core/src/components/AppMenuEntry.vue @@ -77,7 +77,7 @@ watch(() => props.app.name, calculateSize) color: var(--color-background-plain-text); text-align: center; bottom: 0; - left: 50%; + inset-inline-start: 50%; top: 50%; display: block; transform: translateX(-50%); @@ -108,7 +108,7 @@ watch(() => props.app.name, calculateSize) height: 5px; border-radius: 3px; background-color: var(--color-background-plain-text); - left: 50%; + inset-inline-start: 50%; bottom: 8px; display: block; transition: all var(--animation-quick) ease-in-out; diff --git a/core/src/components/ContactsMenu/Contact.vue b/core/src/components/ContactsMenu/Contact.vue index a9d4f46d685..d7de04efe17 100644 --- a/core/src/components/ContactsMenu/Contact.vue +++ b/core/src/components/ContactsMenu/Contact.vue @@ -100,9 +100,6 @@ export default { } } - &__avatar-wrapper { - } - &__avatar { display: inherit; } @@ -167,7 +164,7 @@ export default { } .popovermenu::after { - right: 2px; + inset-inline-end: 2px; } } </style> diff --git a/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue b/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue index d68466ea91a..44d1d716375 100644 --- a/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue +++ b/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue @@ -154,13 +154,13 @@ function clearAndCloseSearch() { padding-inline: var(--default-grid-baseline); } - // when open we need to position it absolut to allow overlay the full bar + // when open we need to position it absolute to allow overlay the full bar :global(.unified-search-menu:has(.local-unified-search--open)) { position: absolute !important; inset-inline: 0; } // Hide all other entries, especially the user menu as it might leak pixels - :global(.header-right:has(.local-unified-search--open) > :not(.unified-search-menu)) { + :global(.header-end:has(.local-unified-search--open) > :not(.unified-search-menu)) { display: none; } } diff --git a/core/src/components/login/ResetPassword.vue b/core/src/components/login/ResetPassword.vue index 0d23e300d0e..254ad4d8e16 100644 --- a/core/src/components/login/ResetPassword.vue +++ b/core/src/components/login/ResetPassword.vue @@ -130,7 +130,6 @@ export default { &__link { display: block; font-weight: normal !important; - padding-bottom: 1rem; cursor: pointer; font-size: var(--default-font-size); text-align: center; diff --git a/core/src/components/setup/RecommendedApps.vue b/core/src/components/setup/RecommendedApps.vue index b8d213ed559..9bab568a924 100644 --- a/core/src/components/setup/RecommendedApps.vue +++ b/core/src/components/setup/RecommendedApps.vue @@ -255,7 +255,7 @@ p { } .checkbox-radio-switch { - margin-left: auto; + margin-inline-start: auto; padding: 0 2px; } } diff --git a/core/src/jquery/css/jquery.ocdialog.scss b/core/src/jquery/css/jquery.ocdialog.scss index 759bf2b1250..a1946bc648f 100644 --- a/core/src/jquery/css/jquery.ocdialog.scss +++ b/core/src/jquery/css/jquery.ocdialog.scss @@ -13,7 +13,7 @@ box-sizing: border-box; min-width: 200px; top: 50%; - left: 50%; + inset-inline-start: 50%; transform: translate(-50%, -50%); max-height: calc(100% - 20px); max-width: calc(100% - 20px); diff --git a/core/src/views/LegacyUnifiedSearch.vue b/core/src/views/LegacyUnifiedSearch.vue index 265475212bc..8c3b763c16d 100644 --- a/core/src/views/LegacyUnifiedSearch.vue +++ b/core/src/views/LegacyUnifiedSearch.vue @@ -746,8 +746,7 @@ $input-padding: 10px; &__filters { margin-block: $margin; - margin-inline-end: 0; - margin-inline-start: math.div($margin, 2); + margin-inline: math.div($margin, 2) 0; padding-top: 5px; ul { display: inline-flex; @@ -762,8 +761,7 @@ $input-padding: 10px; // Loading spinner &::after { - right: $input-padding; - left: auto; + inset-inline-start: auto $input-padding; } &-input, @@ -796,7 +794,7 @@ $input-padding: 10px; &-reset, &-submit { position: absolute; top: 0; - right: 4px; + inset-inline-end: 4px; width: $input-height - $input-padding; height: $input-height - $input-padding; min-height: 30px; @@ -814,7 +812,7 @@ $input-padding: 10px; } &-submit { - right: 28px; + inset-inline-end: 28px; } } diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index ff9c7957b90..a513e0caf78 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -329,7 +329,7 @@ $content-max-width: 640px; } .avatardiv__user-status { - right: 14px; + inset-inline-end: 14px; bottom: 14px; width: 34px; height: 34px; |