Sync styleguide 2026.05.18.2

This commit is contained in:
gitea_admin committed 2026-09-27 08:20:05 +02:00
1 parent 8733ce6148
commit ca6015024b
6 files changed
+434 -11

No files matched your search

+59 -1
View File
@@ -4946,6 +4946,10 @@ main {
width: 100%;
}
.sg-large-table[data-column-resize="true"] {
overflow-x: auto;
}
.sg-large-table__title-segment {
flex-direction: row;
align-items: center;
@@ -4955,7 +4959,7 @@ main {
.sg-large-table__row {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-template-columns: var(--large-table-grid-template-columns, repeat(5, minmax(0, 1fr)));
align-items: stretch;
gap: 0;
width: 100%;
@@ -4963,6 +4967,11 @@ main {
background: var(--color-white);
}
.sg-large-table[data-column-resize="true"] .sg-large-table__row,
.sg-large-table[data-column-resize="true"] .sg-large-table__title-segment {
width: max(100%, var(--large-table-grid-min-width, 0px));
}
.sg-large-table__row--hidden {
display: none;
}
@@ -5001,9 +5010,58 @@ main {
}
.sg-large-table__cell--header {
position: relative;
padding: 0;
}
.sg-large-table__resize-handle {
position: absolute;
z-index: 1;
top: 0;
right: -0.25rem;
bottom: 0;
width: 0.5rem;
cursor: col-resize;
touch-action: none;
}
.sg-large-table__resize-handle::after {
content: "";
position: absolute;
top: 25%;
bottom: 25%;
left: 0.2rem;
width: 1px;
background: transparent;
box-shadow: -0.2rem 0 0 transparent, 0.2rem 0 0 transparent;
}
.sg-large-table__resize-handle:hover::after,
.sg-large-table__resize-handle:focus-visible::after,
.sg-large-table[data-column-resize-state="resizing"] .sg-large-table__resize-handle[data-large-table-resize-active="true"]::after {
background: var(--color-darkblue);
box-shadow: -0.2rem 0 0 var(--color-darkblue), 0.2rem 0 0 var(--color-darkblue);
}
.sg-large-table__resize-handle:focus-visible {
outline: 2px solid var(--color-darkblue);
outline-offset: -1px;
}
.sg-large-table__reset-widths {
flex: 0 0 auto;
border: var(--border-none);
background: var(--color-transparent);
color: var(--color-font-light);
font: inherit;
cursor: pointer;
}
.sg-large-table__reset-widths:focus-visible {
outline: 2px solid var(--color-font-light);
outline-offset: 2px;
}
.sg-large-table__sort-button {
display: flex;
align-items: center;
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.2",
"styleguideCommit": "4edff9e",
"syncedAtUtc": "2026-09-25T11:10:49Z",
"styleguideCommit": "5134b61",
"syncedAtUtc": "2026-09-27T06:20:05Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
+59 -1
View File
@@ -4946,6 +4946,10 @@ main {
width: 100%;
}
.sg-large-table[data-column-resize="true"] {
overflow-x: auto;
}
.sg-large-table__title-segment {
flex-direction: row;
align-items: center;
@@ -4955,7 +4959,7 @@ main {
.sg-large-table__row {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-template-columns: var(--large-table-grid-template-columns, repeat(5, minmax(0, 1fr)));
align-items: stretch;
gap: 0;
width: 100%;
@@ -4963,6 +4967,11 @@ main {
background: var(--color-white);
}
.sg-large-table[data-column-resize="true"] .sg-large-table__row,
.sg-large-table[data-column-resize="true"] .sg-large-table__title-segment {
width: max(100%, var(--large-table-grid-min-width, 0px));
}
.sg-large-table__row--hidden {
display: none;
}
@@ -5001,9 +5010,58 @@ main {
}
.sg-large-table__cell--header {
position: relative;
padding: 0;
}
.sg-large-table__resize-handle {
position: absolute;
z-index: 1;
top: 0;
right: -0.25rem;
bottom: 0;
width: 0.5rem;
cursor: col-resize;
touch-action: none;
}
.sg-large-table__resize-handle::after {
content: "";
position: absolute;
top: 25%;
bottom: 25%;
left: 0.2rem;
width: 1px;
background: transparent;
box-shadow: -0.2rem 0 0 transparent, 0.2rem 0 0 transparent;
}
.sg-large-table__resize-handle:hover::after,
.sg-large-table__resize-handle:focus-visible::after,
.sg-large-table[data-column-resize-state="resizing"] .sg-large-table__resize-handle[data-large-table-resize-active="true"]::after {
background: var(--color-darkblue);
box-shadow: -0.2rem 0 0 var(--color-darkblue), 0.2rem 0 0 var(--color-darkblue);
}
.sg-large-table__resize-handle:focus-visible {
outline: 2px solid var(--color-darkblue);
outline-offset: -1px;
}
.sg-large-table__reset-widths {
flex: 0 0 auto;
border: var(--border-none);
background: var(--color-transparent);
color: var(--color-font-light);
font: inherit;
cursor: pointer;
}
.sg-large-table__reset-widths:focus-visible {
outline: 2px solid var(--color-font-light);
outline-offset: 2px;
}
.sg-large-table__sort-button {
display: flex;
align-items: center;