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

Add three-column newsletter form variant

Browse Source
This commit is contained in:
Mathias Gläser
2026-08-03 16:45:02 +02:00
parent 7151b6c669
commit 3a7d744b3d
4 changed files with 82 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/44-components-public-page-components.css
+23
View File
@@ -48,6 +48,11 @@
max-width: 100%;
}
.sg-card--call-to-action-card--three-column {
--layout-call-to-action-card-width: var(--dimension-public-content-width);
--layout-call-to-action-card-content-columns: minmax(0, 1fr) minmax(0, 1fr) max-content;
}
.sg-card--call-to-action-card .sg-card-segment--body {
display: grid;
grid-template-columns: var(--layout-call-to-action-card-content-columns);
@@ -69,6 +74,16 @@
justify-content: flex-end;
}
.sg-card--call-to-action-card--three-column .sg-labeled-input-row {
min-width: 0;
}
.sg-card--call-to-action-card--three-column .sg-input-single-line {
width: 100%;
min-width: 0;
max-width: 100%;
}
.sg-call-to-action-card--align-right {
margin-left: auto;
}
@@ -92,4 +107,12 @@
.sg-card--call-to-action-card {
width: 100%;
}
.sg-card--call-to-action-card--three-column {
--layout-call-to-action-card-content-columns: minmax(0, 1fr);
}
.sg-card--call-to-action-card--three-column .sg-call-to-action-card__action {
justify-content: flex-start;
}
}