diff options
| author | Mostafa Ahangarha <ahangarha@riseup.net> | 2023-12-23 18:57:37 +0330 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2024-08-29 08:32:47 +0000 |
| commit | 66fab3f2f6660e59afaa3ab896882247c265bd57 (patch) | |
| tree | d80e37e5cd3ee05f6d4c3340a51ee73816f04682 /core/css | |
| parent | 723780d18431fad7f653379066796d41ce267cb5 (diff) | |
| download | nextcloud-server-66fab3f2f6660e59afaa3ab896882247c265bd57.tar.gz nextcloud-server-66fab3f2f6660e59afaa3ab896882247c265bd57.zip | |
Fix: background position based on direction
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/inputs.scss | 20 | ||||
| -rw-r--r-- | core/css/styles.scss | 24 |
2 files changed, 38 insertions, 6 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 57b97124489..b7b12682a42 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -277,12 +277,20 @@ textarea, div[contenteditable=true] { /* Override the ugly select arrow */ select { - background: var(--icon-triangle-s-dark) no-repeat right 8px center; + background: var(--icon-triangle-s-dark) no-repeat; appearance: none; background-color: var(--color-main-background); padding-inline-end: 28px !important; } +body[dir='ltr'] select { + background-position: right 8px center; +} + +body[dir='rtl'] select { + background-position: left 8px center; +} + select, button:not( .button-vue, @@ -554,7 +562,7 @@ div.select2-drop { } .select2-search input { min-height: auto; - background: var(--icon-search-dark) no-repeat right center !important; + background: var(--icon-search-dark) no-repeat !important; background-origin: content-box !important; } .select2-results { @@ -594,6 +602,14 @@ div.select2-drop { } } } + +body[dir='ltr'] div.select2-drop .select2-search input { + background-position: right center !important; +} +body[dir='ltr'] div.select2-drop .select2-search input { + background-position: left center !important; +} + .select2-chosen, #select2-drop { .avatar, diff --git a/core/css/styles.scss b/core/css/styles.scss index 90efa9c1990..2a6d92a5189 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -485,11 +485,10 @@ code { .ui-icon { opacity: .5; - &.ui-icon-circle-triangle-e { - background: url("../img/actions/arrow-right.svg") center center no-repeat; - } + &.ui-icon-circle-triangle-e, &.ui-icon-circle-triangle-w { - background: url("../img/actions/arrow-left.svg") center center no-repeat; + background-position: center center; + background-repeat: no-repeat; } } .ui-state-hover .ui-icon { @@ -529,6 +528,23 @@ code { } } +body[dir='ltr'] .ui-widget.ui-datepicker .ui-widget-header .ui-icon { + &.ui-icon-circle-triangle-e { + background: url("../img/actions/arrow-right.svg"); + } + &.ui-icon-circle-triangle-w { + background: url("../img/actions/arrow-left.svg"); + } +} +body[dir='ltr'] .ui-widget.ui-datepicker .ui-widget-header .ui-icon { + &.ui-icon-circle-triangle-e { + background: url("../img/actions/arrow-left.svg"); + } + &.ui-icon-circle-triangle-w { + background: url("../img/actions/arrow-right.svg"); + } +} + .ui-datepicker-prev, .ui-datepicker-next { border: var(--color-border-dark); background: var(--color-main-background); |