Improve and fix group page handling

Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>
This commit is contained in:
2025-12-13 21:22:42 -06:00
parent fa452b1d2b
commit 5cde83784e

View File

@@ -1722,7 +1722,7 @@ body.group div.groupcard img.gicon {
border-left: none;
padding: 4px;
}
/*
body.group div.page-container div.group-section {
display: flex;
flex-direction: row;
@@ -1737,8 +1737,8 @@ body.group div.page-container div.group-section div.sidebar {
min-width: 200px;
flex-grow: 0;
}
body.group div.page-container div.group-section div.sidebar > .section {
*/
body.group div.page-container div.sidebar > .section {
background-color: var(--tab-selected);
border: var(--tab-border);
margin: 4px auto;
@@ -1804,6 +1804,34 @@ body.group.create div.groupcard img.gicon {
}
}
@media only screen and (orientation: landscape) {
body.group:not(.group-edit) div.page-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
body.group div.page-container > .groupcard {
grid-column: span 4 / span 4;
}
body.group div.page-container > .tabbed-page {
display: block;
grid-column: span 3 / span 3;
grid-row-start: 2;
}
body.group div.page-container > .tabbed-page .cardholder {
display: inline-block;
width: 292px;
}
body.group div.page-container > .sidebar {
grid-column-start: 4;
grid-row-start: 2;
}
}
/* == MISC */
heading .button {