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

Implement add-to-list overlay list state

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-15 10:48:46 +02:00
parent 87425b693d
commit abd8864aa9
3 changed files with 125 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/27-patterns-delete-confirmation.css
+47
View File
@@ -64,6 +64,53 @@
background: var(--surface-delete-confirmation-overlay);
}
.sg-delete-confirmation-pattern__list {
display: grid;
gap: var(--spacing-small);
margin: 0;
padding: 0;
list-style: none;
}
.sg-delete-confirmation-pattern__list-item {
margin: 0;
}
.sg-delete-confirmation-pattern__list-button {
display: inline-flex;
width: 100%;
justify-content: flex-start;
gap: var(--spacing-small);
color: var(--text-delete-confirmation-overlay);
background: var(--surface-control-inactive);
}
.sg-delete-confirmation-pattern__list-button[data-selected="true"] {
background: var(--surface-control-active);
}
.sg-delete-confirmation-pattern__list-button[data-selected="false"] {
background: var(--surface-control-inactive);
}
.sg-delete-confirmation-pattern__list-icon {
display: block;
flex: 0 0 auto;
width: 1rem;
height: 1rem;
background-color: currentColor;
}
.sg-delete-confirmation-pattern__list-button[data-selected="true"] .sg-delete-confirmation-pattern__list-icon {
-webkit-mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
mask: url("../assets/icons/star-filled.svg") no-repeat center / contain;
}
.sg-delete-confirmation-pattern__list-button[data-selected="false"] .sg-delete-confirmation-pattern__list-icon {
-webkit-mask: url("../assets/icons/star-outline.svg") no-repeat center / contain;
mask: url("../assets/icons/star-outline.svg") no-repeat center / contain;
}
.sg-delete-confirmation-pattern__text {
margin: 0;
color: var(--text-delete-confirmation-overlay);