From 5ce6f31d0ee4e7723b25decd066139b96d58bc6c Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
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;