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

Simplify public cards page layout

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-23 17:38:12 +02:00
parent 991642d624
commit 7cd12049a6
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards-public-page.html
-2
View File
@@ -33,14 +33,12 @@
</div> </div>
<div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons"> <div class="sg-cards-public-page__cta-right-buttons" data-component="link-buttons">
<div class="sg-component-row">
<button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active"> <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
Link-Button Link-Button
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div>
</article> </article>
</section> </section>
</div> </div>
styles/40-components-cards.css
+4 -4
View File
@@ -240,6 +240,7 @@
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding-inline: var(--spacing-small);
} }
.sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card { .sg-page-cards-public-page #component-content-wrapper-card > .sg-transparent-card {
@@ -261,19 +262,18 @@
.sg-page-cards-public-page .sg-cards-public-page__cta-right-grid { .sg-page-cards-public-page .sg-cards-public-page__cta-right-grid {
width: 100%; width: 100%;
display: flex; display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center; align-items: center;
justify-content: space-between;
gap: var(--spacing-large); gap: var(--spacing-large);
} }
.sg-page-cards-public-page .sg-cards-public-page__cta-right-copy { .sg-page-cards-public-page .sg-cards-public-page__cta-right-copy {
flex: 1 1 auto;
min-width: 0; min-width: 0;
} }
.sg-page-cards-public-page .sg-cards-public-page__cta-right-buttons { .sg-page-cards-public-page .sg-cards-public-page__cta-right-buttons {
flex: 0 0 auto; min-width: 0;
} }
.sg-page-cards .sg-group-card > .sg-card { .sg-page-cards .sg-group-card > .sg-card {