Improve and fix group page handling
Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user