diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-23 18:18:36 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-28 10:31:41 +0300 |
commit | e45e3750e13e813dbb852f6b91e58938f864b40b (patch) | |
tree | 2c66dcb0717433ed001ac52e443734c35fc317c7 /css | |
parent | 819b5a0896b3bbd652493b1ab7a912c18ff1c110 (diff) |
Fix select2 containers not highlighted when focused
The select2 containers have the same size as the "oca-spreedme-add-XXX"
wrappers that contain them, so the borders can be moved from those
wrappers to the containers themselves. This makes possible to set a
stronger border when the select2 container is active/focused.
Besides that now the text is stronger too when the select2 container is
focused to show that more clearly.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/style.scss | 36 |
1 files changed, 26 insertions, 10 deletions
diff --git a/css/style.scss b/css/style.scss index 452f17185..3858d6166 100644 --- a/css/style.scss +++ b/css/style.scss @@ -55,15 +55,6 @@ flex-grow: 1; } -#oca-spreedme-add-room { - border-bottom: 1px solid var(--color-border); -} - -.oca-spreedme-add-person { - border: 1px solid var(--color-border); - border-radius: var(--border-radius); -} - .contactsmenu-popover li > a > img { /* The app uses border-box sizing, so the size of the icon is the * width/height plus the padding set by default in the server @@ -155,11 +146,36 @@ input[type="password"] { #select2-drop { margin-top: -44px !important; } +#oca-spreedme-add-room .select2-container { + border-bottom: 1px solid var(--color-border); + + &.select2-container-active { + border-bottom-color: var(--color-border-dark); + border-right: 1px solid var(--color-border-dark); + + .select2-choice, + .select2-default { + color: var(--color-text-light) !important; + } + } +} +.oca-spreedme-add-person .select2-container { + border: 1px solid var(--color-border); + border-radius: var(--border-radius); + + &.select2-container-active { + border-color: var(--color-border-dark); + + .select2-choice, + .select2-default { + color: var(--color-text-light) !important; + } + } +} #oca-spreedme-add-room .select2-container, .oca-spreedme-add-person .select2-container { width: 100%; margin: 0 !important; - border: none; padding: 9px; } #oca-spreedme-add-room .select2-container .select2-choice, |