Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

minor select-kit css improvements

This commit is contained in:
Joffrey JAFFEUX 2018-02-15 12:56:20 +01:00 committed by GitHub
parent b43ac801d1
commit e1883ba828
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
app/assets/stylesheets/common/select-kit/category-drop.scss
View File

@ -6,7 +6,6 @@
.badge-wrapper {
font-size: $font-0;
font-weight: normal;
line-height: $line-height-large;
&.box {
margin: 0;
@ -17,40 +16,24 @@
}
}
&.bar.has-selection .category-drop-header {
padding: 4.5px 10px;
&.bar.has-selection .category-drop-header,
&.box.has-selection .category-drop-header,
&.none.has-selection .category-drop-header {
padding: 5px 10px;
}
&.bullet.has-selection .category-drop-header {
padding: 6px 10px;
span.badge-category {
line-height: $line-height-medium;
}
.selected-name {
.bullet {
line-height: $line-height-medium;
}
}
}
&.box.has-selection .category-drop-header {
padding: 3px 10px;
}
&.none.has-selection .category-drop-header {
padding: 4.5px 10px;
padding: 5px 10px;
}
.category-drop-header {
background: $primary-low;
color: $primary;
border: none;
padding: 6px 10px;
font-size: $font-up-1;
line-height: $line-height-medium;
border: 1px solid transparent;
padding: 5px 10px;
font-size: $font-0;
transition: none;
.badge-wrapper {
margin-right: 0;
}
@ -64,6 +47,12 @@
}
}
&.is-expanded .category-drop-header {
border: 1px solid $tertiary;
-webkit-box-shadow: $tertiary 0 0 6px 0px;
box-shadow: $tertiary 0 0 6px 0px;
}
.select-kit-collection {
display: flex;
flex-direction: column;

6
app/assets/stylesheets/common/select-kit/dropdown-select-box.scss
View File

@ -120,6 +120,12 @@
margin-left: 5px;
}
&:hover {
.d-icon {
color: $primary-low;
}
}
&.is-focused {
outline-style: auto;
outline-color: $tertiary;

2
app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss
View File

@ -28,7 +28,7 @@
border-top: 0;
}
.select-kit-wrapper {
&.is-expanded .select-kit-wrapper, .select-kit-wrapper {
display: none;
}

14
app/assets/stylesheets/common/select-kit/tag-drop.scss
View File

@ -6,10 +6,10 @@
.tag-drop-header {
background: $primary-low;
color: $primary;
border: none;
padding: 4.5px 10px;
font-size: $font-up-1;
line-height: $line-height-large;
border: 1px solid transparent;
padding: 5px 10px;
font-size: $font-0;
transition: none;
.d-icon {
opacity: 1;
@ -17,6 +17,12 @@
}
}
&.is-expanded .tag-drop-header {
border: 1px solid $tertiary;
-webkit-box-shadow: $tertiary 0 0 6px 0px;
box-shadow: $tertiary 0 0 6px 0px;
}
.select-kit-collection {
display: flex;
flex-direction: column;