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

Align card list intro with transparent card and 60% text pattern

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-22 07:23:23 +02:00
parent ecfa2660ae
commit e876ccc8ab
3 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+17 -9
View File
@@ -2067,26 +2067,34 @@ section + section {
margin-top: var(--spacing-large);
}
.sg-card-list-page > .sg-card-list-page__intro-card {
.sg-card-list-page > .sg-card-list-page__intro-block {
margin-top: calc(var(--spacing-large) - 0.5rem);
}
.sg-card-list-page__intro-card.sg-card {
--layout-card-body-padding-top: 0;
--layout-card-body-padding-bottom: 0;
--surface-card-body: var(--surface-card-transparent);
align-self: flex-start;
width: min(60vw, 100%);
.sg-card-list-page__intro-block {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
}
.sg-card-list-page__title-row {
display: inline-flex;
align-items: center;
gap: var(--spacing-small);
width: fit-content;
max-width: 100%;
}
.sg-card-list-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
width: min(60vw, 100%);
}
@media (max-width: 767px) {
.sg-card-list-page-drawer {
display: none;
}
.sg-card-list-page__intro-card.sg-card {
align-self: stretch;
.sg-card-list-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
width: 100%;
}
}