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

Sync styleguide 2026.05.18.1

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-18 10:48:09 +02:00
parent dd245b178c
commit 07e4253d36
15 changed files with 540 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/styleguide.upstream.css
+52 -1
View File
@@ -172,6 +172,8 @@
--layout-object-card-mobile-width: var(--dimension-object-card-mobile-width);
--layout-object-card-mobile-height: var(--dimension-object-card-mobile-height);
--layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint);
--layout-content-card-margin-top-desktop: var(--dimension-content-card-margin-top-desktop);
--layout-content-card-margin-top-mobile: var(--dimension-content-card-margin-top-mobile);
--dimension-notifications-card-min-width: 445px;
--layout-notifications-card-flex-basis: var(--dimension-notifications-card-min-width);
--layout-notifications-card-min-width: var(--dimension-notifications-card-min-width);
@@ -273,6 +275,8 @@
--dimension-object-card-mobile-width: 100%;
--dimension-object-card-mobile-height: auto;
--dimension-object-card-desktop-breakpoint: 768px;
--dimension-content-card-margin-top-desktop: 100px;
--dimension-content-card-margin-top-mobile: 1rem;
--dimension-object-group-card-min-width: 450px;
--dimension-object-group-card-max-width: 650px;
--dimension-object-group-card-height: 700px;
@@ -2021,6 +2025,18 @@ section + section {
background: var(--surface-portal-header);
}
.sg-portal-header--auth-segment {
flex-direction: column;
align-items: stretch;
gap: var(--spacing-small);
}
.sg-portal-header--auth-segment .sg-portal-header__auth-row {
display: flex;
justify-content: flex-end;
width: 100%;
}
.sg-portal-header__main {
display: grid;
flex: 1 1 auto;
@@ -2050,6 +2066,10 @@ section + section {
justify-self: end;
}
.sg-portal-header--auth-segment .sg-portal-header__main {
width: 100%;
}
.sg-portal-header-pattern-variant {
margin-bottom: var(--spacing-large);
}
@@ -2312,6 +2332,28 @@ section + section {
height: auto;
}
.sg-object-card--content-basic {
width: min(70vw, var(--layout-object-card-max-width));
margin-inline: auto;
height: auto;
}
.sg-object-card-content-basic {
margin-top: var(--layout-content-card-margin-top-desktop);
}
@media (max-width: 767px) {
.sg-object-card--content-basic {
width: var(--layout-object-card-mobile-width);
min-width: 0;
max-width: none;
}
.sg-object-card-content-basic {
margin-top: var(--layout-content-card-margin-top-mobile);
}
}
/* ========================================================= */
/* Patterns: Object Group Card */
/* ========================================================= */
@@ -3196,7 +3238,7 @@ section + section {
}
.sg-card-list-page > .sg-options-row {
margin-top: var(--spacing-large);
margin-top: var(--layout-options-row-margin-top);
}
.sg-card-list-page > .sg-card-list-page__intro-block {
@@ -3207,6 +3249,7 @@ section + section {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
padding-bottom: calc(var(--spacing-large) - 0.25rem);
}
.sg-card-list-page__title-row {
@@ -3320,6 +3363,14 @@ section + section {
color: var(--text-vsf-drawer-object-card-body);
}
/* ========================================================= */
/* Layouts: Page Layout App */
/* ========================================================= */
.sg-page-layout-app__heading-block {
margin-top: var(--spacing-large);
margin-bottom: var(--spacing-large);
}
/* ========================================================= */
/* Layouts: VSF List Detailseite */
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "46a742f",
"syncedAtUtc": "2026-06-17T11:45:34Z",
"styleguideCommit": "e90e521",
"syncedAtUtc": "2026-06-18T08:48:09Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
public/assets/styles.css
+52 -1
View File
@@ -172,6 +172,8 @@
--layout-object-card-mobile-width: var(--dimension-object-card-mobile-width);
--layout-object-card-mobile-height: var(--dimension-object-card-mobile-height);
--layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint);
--layout-content-card-margin-top-desktop: var(--dimension-content-card-margin-top-desktop);
--layout-content-card-margin-top-mobile: var(--dimension-content-card-margin-top-mobile);
--dimension-notifications-card-min-width: 445px;
--layout-notifications-card-flex-basis: var(--dimension-notifications-card-min-width);
--layout-notifications-card-min-width: var(--dimension-notifications-card-min-width);
@@ -273,6 +275,8 @@
--dimension-object-card-mobile-width: 100%;
--dimension-object-card-mobile-height: auto;
--dimension-object-card-desktop-breakpoint: 768px;
--dimension-content-card-margin-top-desktop: 100px;
--dimension-content-card-margin-top-mobile: 1rem;
--dimension-object-group-card-min-width: 450px;
--dimension-object-group-card-max-width: 650px;
--dimension-object-group-card-height: 700px;
@@ -2021,6 +2025,18 @@ section + section {
background: var(--surface-portal-header);
}
.sg-portal-header--auth-segment {
flex-direction: column;
align-items: stretch;
gap: var(--spacing-small);
}
.sg-portal-header--auth-segment .sg-portal-header__auth-row {
display: flex;
justify-content: flex-end;
width: 100%;
}
.sg-portal-header__main {
display: grid;
flex: 1 1 auto;
@@ -2050,6 +2066,10 @@ section + section {
justify-self: end;
}
.sg-portal-header--auth-segment .sg-portal-header__main {
width: 100%;
}
.sg-portal-header-pattern-variant {
margin-bottom: var(--spacing-large);
}
@@ -2312,6 +2332,28 @@ section + section {
height: auto;
}
.sg-object-card--content-basic {
width: min(70vw, var(--layout-object-card-max-width));
margin-inline: auto;
height: auto;
}
.sg-object-card-content-basic {
margin-top: var(--layout-content-card-margin-top-desktop);
}
@media (max-width: 767px) {
.sg-object-card--content-basic {
width: var(--layout-object-card-mobile-width);
min-width: 0;
max-width: none;
}
.sg-object-card-content-basic {
margin-top: var(--layout-content-card-margin-top-mobile);
}
}
/* ========================================================= */
/* Patterns: Object Group Card */
/* ========================================================= */
@@ -3196,7 +3238,7 @@ section + section {
}
.sg-card-list-page > .sg-options-row {
margin-top: var(--spacing-large);
margin-top: var(--layout-options-row-margin-top);
}
.sg-card-list-page > .sg-card-list-page__intro-block {
@@ -3207,6 +3249,7 @@ section + section {
display: flex;
flex-direction: column;
gap: var(--spacing-large);
padding-bottom: calc(var(--spacing-large) - 0.25rem);
}
.sg-card-list-page__title-row {
@@ -3320,6 +3363,14 @@ section + section {
color: var(--text-vsf-drawer-object-card-body);
}
/* ========================================================= */
/* Layouts: Page Layout App */
/* ========================================================= */
.sg-page-layout-app__heading-block {
margin-top: var(--spacing-large);
margin-bottom: var(--spacing-large);
}
/* ========================================================= */
/* Layouts: VSF List Detailseite */