Elian Doran
55 lines
1.1 KiB
CSS
55 lines
1.1 KiB
CSS
body.experimental-feature-new-layout #right-pane {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.card {
|
|
margin-inline: 0;
|
|
border-bottom: 1px solid var(--main-border-color);
|
|
border-radius: 0;
|
|
|
|
.card-header {
|
|
padding-block: 0.2em;
|
|
cursor: pointer;
|
|
justify-content: flex-start;
|
|
|
|
.card-header-title {
|
|
padding-inline: 0.5em;
|
|
}
|
|
}
|
|
|
|
&:last-of-type {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
&.collapsed .card-header > .bx {
|
|
transform: rotate(-90deg);
|
|
}
|
|
}
|
|
|
|
.card:not(.collapsed) {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.gutter-vertical + .card .card-header {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.no-items {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-grow: 1;
|
|
flex-direction: column;
|
|
padding: 0.75em;
|
|
color: var(--muted-text-color);
|
|
|
|
.bx {
|
|
font-size: 3em;
|
|
}
|
|
|
|
button {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
}
|