aboutsummaryrefslogtreecommitdiffstats
path: root/core/src
diff options
context:
space:
mode:
authorFerdinand Thiessen <opensource@fthiessen.de>2024-08-20 19:42:11 +0200
committernextcloud-command <nextcloud-command@users.noreply.github.com>2024-08-29 08:32:48 +0000
commitaea0e8df6addb215b187898003afa6e52a984f6a (patch)
tree38229649d16f68513d5a0e1337aca6c2275c6711 /core/src
parent7b048e050132d77fcc270bc6a33ad665fe14da26 (diff)
downloadnextcloud-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.vue4
-rw-r--r--core/src/components/ContactsMenu/Contact.vue5
-rw-r--r--core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue4
-rw-r--r--core/src/components/login/ResetPassword.vue1
-rw-r--r--core/src/components/setup/RecommendedApps.vue2
-rw-r--r--core/src/jquery/css/jquery.ocdialog.scss2
-rw-r--r--core/src/views/LegacyUnifiedSearch.vue10
-rw-r--r--core/src/views/Profile.vue2
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;