From 5ce6f31d0ee4e7723b25decd066139b96d58bc6c Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Thu, 21 Dec 2023 10:42:06 +0200 Subject: [PATCH] [develop | DONE | ADDED]: general.less: Added css for new type of filter (triplet) (.filter-button-toggle) - mat-button-toggle used. --- less/general.less | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/less/general.less b/less/general.less index bde21a4..8c3c4e7 100644 --- a/less/general.less +++ b/less/general.less @@ -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;