Merge pull request #642 from opensafely-core/group-highlight

Style file groups to increase visual prominence
opensafely-core · Sep 2, 2024 · a8f7693 · a8f7693
2 parents bcd1279 + a653bf0
commit a8f7693
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;
+}