IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 02:40:53 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: search icon is rendered outside of tag-selector filter-input

Browse Source 
Make the selectors from this sheet match the ones from selectors from the select-kit sheet... different states for the filter-input were causing it to expand outside of the tag-selector and push the search icon.
This commit is contained in:
Joe 2018-05-15 15:28:27 +08:00 committed by GitHub
parent 7dd68e64d9
commit 02e0426de6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/common/select-kit/combo-box.scss
View File

@ -5,7 +5,7 @@
width: 100%;
min-width: 150px;
border-radius: 0;
box-shadow: shadow("dropdown");
box-shadow: shadow("dropdown");
}
.select-kit-row {
@ -23,12 +23,18 @@
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
.filter-input {
margin-right: 5px;
width: auto;
.filter-input,
.filter-input:focus,
.filter-input:active {
width: auto;
max-width: 90%; // Firefox quirk
}
.filter-icon {
padding-left: 5px;
}
}
.select-kit-header {
background: $secondary;
border: 1px solid $primary-medium;
@ -101,14 +107,16 @@
}
}
&.tag-drop, &.group-dropdown {
&.tag-drop,
&.group-dropdown {
min-width: auto;
.select-kit-row {
font-weight: bold;
}
}
&.is-expanded .select-kit-wrapper, .select-kit-wrapper {
&.is-expanded .select-kit-wrapper,
.select-kit-wrapper {
display: none;
}
}