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

Revert "Simplify public cards page layout"

Browse Source 
This reverts commit 7cd12049a6.
This commit is contained in:
Mathias Gläser
2026-06-24 09:21:39 +02:00
parent be2c89e10a
commit f90a2740a9
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards-public-page.html
+2
View File
@@ -33,12 +33,14 @@
</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,7 +240,6 @@
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 {
@@ -262,18 +261,19 @@
.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: grid; display: flex;
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 {
min-width: 0; flex: 0 0 auto;
} }
.sg-page-cards .sg-group-card > .sg-card { .sg-page-cards .sg-group-card > .sg-card {