Add sortable large table headers

2026-06-04 18:04:07 +02:00
parent 58aabfc873
commit 9f6745d044
2 changed files with 154 additions and 5 deletions
@@ -96,3 +96,34 @@
  text-overflow: ellipsis;
  white-space: nowrap;
 }
+
+.sg-large-table__cell--header {
+  padding: 0;
+}
+
+.sg-large-table__sort-button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-small);
+  width: 100%;
+  padding: 0 var(--spacing-small);
+  border: var(--border-none);
+  background: var(--color-transparent);
+  color: inherit;
+  font: inherit;
+  font-weight: var(--font-weight-semibold);
+  text-align: left;
+  cursor: pointer;
+}
+
+.sg-large-table__sort-button:focus-visible {
+  outline: 2px solid var(--color-darkblue);
+  outline-offset: -2px;
+}
+
+.sg-large-table__sort-icon {
+  flex: 0 0 auto;
+  font-size: 0.85em;
+  line-height: 1;
+}