diff options
| -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); |