60 lines
1 KiB
SCSS
60 lines
1 KiB
SCSS
pane-header {
|
|
&:not([hidden]) {
|
|
display: flex;
|
|
}
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
padding: 8px;
|
|
border-bottom: 1px solid var(--fill-quinary);
|
|
|
|
max-height: 25%;
|
|
overflow-y: auto;
|
|
scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-background);
|
|
scrollbar-gutter: stable;
|
|
|
|
.title {
|
|
margin-top: calc(0px - var(--editable-text-padding-block));
|
|
flex: 1 1 0;
|
|
font-weight: 600;
|
|
line-height: 1.333;
|
|
|
|
editable-text {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
.creator-year {
|
|
color: var(--fill-secondary);
|
|
}
|
|
|
|
.bib-entry {
|
|
line-height: 1.5;
|
|
|
|
&.loading {
|
|
color: var(--fill-secondary);
|
|
}
|
|
}
|
|
|
|
.creator-year, .bib-entry {
|
|
// Set padding to match editable-text in tight mode, plus 1px for border
|
|
padding-inline: calc(var(--editable-text-tight-padding-inline) + 1px);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.custom-head {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-self: stretch;
|
|
gap: 6px;
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
button {
|
|
height: 26px;
|
|
margin: 0;
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
}
|