taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove hover in selected filters

stable
xaviju 2017-01-20 09:37:05 +01:00
parent ffc6f898a0
commit dc9f1acfb3
3 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
scsslint.yml → .scss-lint.yml
View File

15
app/modules/components/filter/filter.scss
View File

@ -13,6 +13,14 @@ tg-filter {
z-index: 1; z-index: 1;
.filters-applied { .filters-applied {
padding: 0 1rem 1rem; padding: 0 1rem 1rem;
.single-filter {
&:hover {
color: currentColor;
cursor: default;
opacity: .5;
transition: none;
}
}
} }
h1, h1,
form { form {
@ -69,7 +77,7 @@ tg-filter {
transition: color .2s ease-in; transition: color .2s ease-in;
&:hover, &:hover,
&.selected { &.selected {
background-color: rgba(darken($whitish, 20%), 1); background-color: rgba(darken($whitish, 10%), 1);
color: $grayer; color: $grayer;
transition: background-color .2s ease-in; transition: background-color .2s ease-in;
.icon { .icon {
@ -92,7 +100,7 @@ tg-filter {
@include font-type(text); @include font-type(text);
@include clearfix; @include clearfix;
align-items: center; align-items: center;
background: darken($whitish, 10%); // Fallback background: darken($whitish, 5%);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -101,7 +109,7 @@ tg-filter {
padding-right: .5rem; padding-right: .5rem;
position: relative; position: relative;
&:hover { &:hover {
color: $grayer; background: darken($whitish, 8%);
opacity: 1; opacity: 1;
transition: opacity .2s linear; transition: opacity .2s linear;
} }
@ -127,6 +135,7 @@ tg-filter {
top: 0; top: 0;
} }
.remove-filter { .remove-filter {
cursor: pointer;
display: block; display: block;
svg { svg {
fill: $gray; fill: $gray;

2
gulpfile.js
View File

@ -270,7 +270,7 @@ gulp.task("scss-lint", [], function() {
var sassFiles = paths.sass.concat(themes.current.customScss, ignore); var sassFiles = paths.sass.concat(themes.current.customScss, ignore);
return gulp.src(sassFiles) return gulp.src(sassFiles)
.pipe(gulpif(!isDeploy, cache(scsslint({endless: true, sync: true, config: "scsslint.yml"}), { .pipe(gulpif(!isDeploy, cache(scsslint({endless: true, sync: true, config: ".scss-lint.yml"}), {
success: function(scsslintFile) { success: function(scsslintFile) {
return scsslintFile.scsslint.success; return scsslintFile.scsslint.success;
}, },