gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stabilize large table sort indicators

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-04 18:09:42 +02:00
parent 3f0fdf217e
commit 1b723f9b4d
2 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/42-components-data-display.css
+21 -3
View File
@@ -105,7 +105,7 @@
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.15rem;
gap: 0.2rem;
width: 100%;
padding: 0 var(--spacing-small);
border: var(--border-none);
@@ -124,7 +124,25 @@
.sg-large-table__sort-icon {
flex: 0 0 auto;
font-size: 1.15em;
font-weight: var(--font-weight-semibold);
display: inline-flex;
align-items: center;
justify-content: center;
width: 0.7rem;
height: 0.7rem;
line-height: 1;
transform: translateY(0.02em);
}
.sg-large-table__sort-icon::before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 0.28rem solid transparent;
border-right: 0.28rem solid transparent;
border-bottom: 0.42rem solid currentColor;
}
.sg-large-table__sort-icon[data-direction="descending"]::before {
transform: rotate(180deg);
}