zotero/scss/elements/_attachmentRow.scss

70 lines
1.2 KiB
SCSS
Raw Normal View History

2023-11-28 10:58:59 +00:00
attachment-row {
display: flex;
flex-direction: column;
gap: 2px;
&[hidden] {
display: none;
}
2023-11-28 10:58:59 +00:00
& > .head {
display: flex;
align-items: center;
.twisty {
width: 8px;
height: 8px;
margin: 4px;
align-self: flex-start;
@include comfortable {
padding-block: 2px;
}
@include svgicon("chevron-8", "universal", "8");
fill: var(--fill-secondary);
transform: rotate(0deg);
transform-origin: center;
transition: transform 0.2s ease-in-out;
}
.clicky-item {
@include clicky-item;
flex: 1;
}
}
&[open]:not([empty]) > .head .twisty {
transform: rotate(-180deg);
}
&[empty] > .head .twisty {
fill: var(--fill-tertiary);
}
&.context > .head .label {
color: var(--fill-secondary);
2023-11-28 10:58:59 +00:00
}
& > .body {
display: flex;
flex-direction: column;
gap: 8px;
max-height: var(--open-height, auto);
opacity: 1;
transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
&:not([open]) {
& > .body {
max-height: 0;
opacity: 0;
visibility: hidden;
overflow-y: hidden;
transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s 0.2s, overflow-y 0s 0.2s;
}
}
}