More actions
mNo edit summary |
m Add grid |
||
Line 1: | Line 1: | ||
.sidebox { | .sidebox { | ||
display: grid; | |||
grid-template-columns: 1fr auto; | |||
grid-template-rows: auto 1fr; | |||
height: max-content; | |||
grid-template-areas: "headline button" "content content"; | |||
float: right; | float: right; | ||
padding: 0; | padding: 0; | ||
Line 9: | Line 14: | ||
.sidebox > .mw-collapsible > .mw-collapsible-toggle { | .sidebox > .mw-collapsible > .mw-collapsible-toggle { | ||
display: block; | display: block; | ||
float: none; | |||
margin-right: 10px; | margin-right: 10px; | ||
} | } |
Revision as of 23:12, 27 October 2024
.sidebox {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
height: max-content;
grid-template-areas: "headline button" "content content";
float: right;
padding: 0;
width: 50vw;
max-width: 400px;
background-color: var(--x-bg);
color: var(--x-color);
}
.sidebox > .mw-collapsible > .mw-collapsible-toggle {
display: block;
float: none;
margin-right: 10px;
}
.sidebox > .mw-collapsible > .sidebox-header {
padding: 10px;
}
.sidebox > .mw-collapsible > .sidebox-content {
padding: 10px;
background-color: var(--x-bg-2);
}