[develop | DONE | ADDED]: general.less: Added css for new type of filter (triplet) (.filter-button-toggle) - mat-button-toggle used.

This commit is contained in:
Konstantina Galouni 2023-12-21 10:42:06 +02:00
parent aaa9d3b59c
commit 5ce6f31d0e
1 changed files with 21 additions and 0 deletions

View File

@ -429,6 +429,27 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
} }
} }
.filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
--mat-standard-button-toggle-height: @global-control-small-height;
background-color: @global-inverse-color;
& > button > span {
padding:@global-xsmall-margin;
margin: @global-xsmall-margin;
&:hover {
background-color: @global-secondary-background;
color: @global-inverse-color;
border-radius: @global-small-border-radius;
}
}
}
.filter-button-toggle.mat-button-toggle-checked > button > span {
background-color: @global-secondary-background;
color: @global-inverse-color;
border-radius: @global-small-border-radius;
}
@inverse-general-custom-external-color: @global-inverse-color; @inverse-general-custom-external-color: @global-inverse-color;