From 78cf14bec4ec003c68e5cded2f204e76f175e725 Mon Sep 17 00:00:00 2001
From: Sascha Eggenberger <seggenberger@gitlab.com>
Date: Fri, 7 Mar 2025 14:35:24 +0100
Subject: [PATCH] Tree table: Fix table header in dark mode
---
app/assets/stylesheets/page_bundles/tree.scss | 14 +++++---------
1 file changed, 5 insertions(+), 9 deletions(-)
diff --git a/app/assets/stylesheets/page_bundles/tree.scss b/app/assets/stylesheets/page_bundles/tree.scss
index d642afb4ffd33..ea33f20bceebe 100644
--- a/app/assets/stylesheets/page_bundles/tree.scss
+++ b/app/assets/stylesheets/page_bundles/tree.scss
@@ -89,8 +89,8 @@
table.tree-table {
@apply dark:gl-bg-neutral-900 gl-mb-0;
- thead tr th {
- @apply gl-border-t-0;
+ thead tr th[scope="col"] {
+ @apply gl-bg-subtle dark:gl-bg-neutral-800 gl-border-t-0;
}
tbody tr {
@@ -101,10 +101,6 @@
line-height: 21px;
}
- th[scope="col"] {
- @apply gl-bg-subtle dark:gl-bg-neutral-800 gl-border-0;
- }
-
td, th {
@apply gl-border-section;
}
@@ -133,20 +129,20 @@
td, th {
@apply gl-border-b-0;
box-shadow: inset 0 -1px 0 0 var(--gl-action-selected-border-color-default);
-
+
&:first-child {
box-shadow: inset 1px 0 0 0 var(--gl-action-selected-border-color-default),
inset 0 -1px 0 0 var(--gl-action-selected-border-color-default);
border-bottom-left-radius: calc(#{$gl-border-radius-base} - 1px);
}
-
+
&:last-child {
box-shadow: inset -1px 0 0 0 var(--gl-action-selected-border-color-default),
inset 0 -1px 0 0 var(--gl-action-selected-border-color-default);
border-bottom-right-radius: calc(#{$gl-border-radius-base} - 1px);
}
}
- }
+ }
}
&.selected {
--
GitLab