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

Render small sandwich button as star icon

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-15 10:14:57 +02:00
parent 0f998acb48
commit 8233735fbf
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/icons/star-filled.svg
+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true">
<path d="m12 2.8 2.89 5.85 6.46.94-4.68 4.56 1.1 6.44L12 17.53 6.23 20.59l1.1-6.44L2.65 9.59l6.46-.94L12 2.8Z" fill="currentColor"/> <path d="m12 2.8 2.89 5.85 6.46.94-4.68 4.56 1.1 6.44L12 17.53 6.23 20.59l1.1-6.44L2.65 9.59l6.46-.94L12 2.8Z" fill="#000000"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 233 B

After

Width:  |  Height:  |  Size: 228 B

styles/10-components-interactive-elements.css
+1 -3
View File
@@ -1031,9 +1031,7 @@
display: block; display: block;
width: calc(var(--sandwich-line-width) - 3px); width: calc(var(--sandwich-line-width) - 3px);
height: calc(var(--sandwich-line-width) - 3px); height: calc(var(--sandwich-line-width) - 3px);
background-color: var(--color-black); background: url("../assets/icons/star-filled.svg") no-repeat center / contain;
-webkit-mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
} }
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line { .sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line {