upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-11 09:42:09 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 57

Fix: background position based on direction

Browse source 
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
This commit is contained in:
Mostafa Ahangarha 2023-12-23 18:57:37 +03:30 committed by nextcloud-command
parent 723780d184
commit 66fab3f2f6
2 changed files with 38 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
core/css/inputs.scss
View file

@ -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,

24
core/css/styles.scss
View file

@ -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);