[libadwaita/ebassi/tagged-entry: 33/33] Style AdwTag-related widgets

[Emmanuele Bassi <ebassi src gnome org>]

commit 175f2018cc1b80d8692f4cb1efafc4fc1e2c2d1d
Author: Emmanuele Bassi <ebassi gnome org>
Date:   Fri Mar 4 18:50:02 2022 +0000

    Style AdwTag-related widgets
    
    The AdwTagWidget is not public, but it should be style
    appropriately.

 src/stylesheet/_widgets.scss         |  1 +
 src/stylesheet/meson.build           |  1 +
 src/stylesheet/widgets/_entries.scss |  6 ++++++
 src/stylesheet/widgets/_tag.scss     | 36 ++++++++++++++++++++++++++++++++++++
 4 files changed, 44 insertions(+)
---
diff --git a/src/stylesheet/_widgets.scss b/src/stylesheet/_widgets.scss
index fbf00430..94b367c2 100644
--- a/src/stylesheet/_widgets.scss
+++ b/src/stylesheet/_widgets.scss
@@ -31,6 +31,7 @@
 @import 'widgets/spin-button';
 @import 'widgets/switch';
 @import 'widgets/tab-view';
+@import 'widgets/tag';
 @import 'widgets/text-selection';
 @import 'widgets/toolbars';
 @import 'widgets/tooltip';
diff --git a/src/stylesheet/meson.build b/src/stylesheet/meson.build
index 2c0fa82c..2fb0b578 100644
--- a/src/stylesheet/meson.build
+++ b/src/stylesheet/meson.build
@@ -55,6 +55,7 @@ if not fs.exists('base.css')
       'widgets/_spin-button.scss',
       'widgets/_switch.scss',
       'widgets/_tab-view.scss',
+      'widgets/_tag.scss',
       'widgets/_text-selection.scss',
       'widgets/_toolbars.scss',
       'widgets/_tooltip.scss',
diff --git a/src/stylesheet/widgets/_entries.scss b/src/stylesheet/widgets/_entries.scss
index f941d4b6..c9e9583e 100644
--- a/src/stylesheet/widgets/_entries.scss
+++ b/src/stylesheet/widgets/_entries.scss
@@ -105,6 +105,12 @@ entry {
   .osd & > progress > trough > progress {
     border-color: $osd_fill_bg_color;
   }
+
+  &.tagged > flowbox.tags > flowboxchild:selected {
+    background-color: transparent;
+    background-image: none;
+    border-radius: 0;
+  }
 }
 
 treeview entry {
diff --git a/src/stylesheet/widgets/_tag.scss b/src/stylesheet/widgets/_tag.scss
new file mode 100644
index 00000000..15a84c18
--- /dev/null
+++ b/src/stylesheet/widgets/_tag.scss
@@ -0,0 +1,36 @@
+$tag_color: gtkalpha(currentColor, .1);
+$tag_hover_color: gtkalpha(currentColor, .15);
+
+tag {
+  &:dir(ltr) {
+    padding: 0 0 0 4px;
+  }
+
+  &:dir(rtl) {
+    padding: 0 4px 0 0;
+  }
+
+  font-size: .8em;
+  border-radius: 9999px;
+
+  background-color: $tag_color;
+
+  &:hover {
+    background-color: $tag_hover_color;
+  }
+
+  box-shadow: none;
+
+  transition: background 150ms ease-in-out;
+
+  button {
+    min-width: 16px;
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+
+  label {
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+}