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

Add mobile tab switcher for VSF list detail

Browse Source
This commit is contained in:
Mathias Gläser
2026-06-18 12:07:50 +02:00
parent f9db8beb2a
commit 3e05839dc8
2 changed files with 70 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/33-layouts-vsf-list-detailseite.css
+13 -4
View File
@@ -39,6 +39,10 @@
width: 100%;
}
.sg-vsf-list-detail-page__mobile-tabs {
display: none;
}
.sg-vsf-list-detail-page__left-column {
width: 30%;
min-width: 30%;
@@ -78,8 +82,10 @@
}
@media (max-width: 767px) {
.sg-vsf-list-detail-page__intro-block .sg-text-layout-pattern__sample--sixty-width {
.sg-vsf-list-detail-page__mobile-tabs {
display: flex;
width: 100%;
margin-bottom: var(--spacing-large);
}
.sg-vsf-list-detail-page__content {
@@ -95,9 +101,12 @@
width: 100%;
}
.sg-vsf-list-detail-page__left-column .sg-group-card,
.sg-vsf-list-detail-page__right-column .sg-group-card {
margin-bottom: var(--spacing-large);
.sg-vsf-list-detail-page__content > [data-vsf-list-detail-panel] {
width: 100%;
}
.sg-vsf-list-detail-page__content > [data-vsf-list-detail-panel][hidden] {
display: none;
}
.sg-vsf-list-detail-page__mobile-toggle {