Style the groups to increase visual prominence

opensafely-core · Aug 28, 2024 · a653bf0 · a653bf0
1 parent 8f9f6ed
commit a653bf0
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/assets/src/styles/main.css b/assets/src/styles/main.css
@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.tree__folder-name > .filegroup {
+  @apply
+    flex flex-row-reverse
+    font-semibold text-oxford-600 underline underline-offset-2 decoration-oxford-200
+    after:content-["Group:\00a0"] after:relative
+  ;
+}
+
+.tree__folder-name:has(.selected.filegroup) ~ .tree__child-list {
+  @apply border-solid border-l-oxford-700;
+}