scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-01 21:21:50 +08:00
Code Issues Projects Releases Packages Wiki Activity

Small UX fixes for filters [SCI-6569] (#3881)

Browse source 
Co-authored-by: Anton <anton@scinote.net>
This commit is contained in:
aignatov-bio 2022-02-22 12:07:46 +01:00 committed by GitHub
parent 358ff50cc3
commit d9dc27c2b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/assets/stylesheets/repository/filters.scss
View file

@ -236,8 +236,9 @@
} }
} }
#saveRepositoryFilters { #saveRepositoryFilters {
padding-left: 0;
.dropdown-menu { .dropdown-menu {
width: 320px; width: 320px;
@ -255,4 +256,4 @@
} }
} }
} }
} }

12
app/assets/stylesheets/shared/dropdown_selector.scss
View file

@ -159,9 +159,9 @@
} }
.delimiter { .delimiter {
background: $color-alto; background: $color-concrete;
height: 1px; height: 1px;
margin: 5px 16px; margin: 5px 0;
} }
.dropdown-select-all { .dropdown-select-all {
@ -227,7 +227,9 @@
color: $color-white; color: $color-white;
content: ""; content: "";
flex-shrink: 0; flex-shrink: 0;
font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375); font-size: calc(
var(--sci-checkbox-size) - var(--sci-checkbox-size) * .375
);
height: var(--sci-checkbox-size); height: var(--sci-checkbox-size);
line-height: calc(var(--sci-checkbox-size) - 2px); line-height: calc(var(--sci-checkbox-size) - 2px);
margin-right: 8px; margin-right: 8px;
@ -273,7 +275,6 @@
} }
&.select { &.select {
.group-name.checkbox-icon { .group-name.checkbox-icon {
background: $color-concrete; background: $color-concrete;
@ -331,7 +332,6 @@
} }
&.open { &.open {
.input-field { .input-field {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
z-index: 12; z-index: 12;
@ -354,7 +354,6 @@
} }
&.inverse { &.inverse {
.input-field { .input-field {
border-bottom: 1px solid $color-alto; border-bottom: 1px solid $color-alto;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
@ -404,7 +403,6 @@
} }
&.disabled { &.disabled {
.input-field { .input-field {
background: $color-concrete; background: $color-concrete;