@nextcloud/upload
Version:
Nextcloud file upload client
115 lines • 3.18 kB
CSS
.node-picker__wrapper[data-v-555717a9]:not(:last-of-type) {
border-bottom: 1px solid var(--color-border);
}
.node-picker[data-v-555717a9] {
display: flex;
align-items: center;
height: 64px;
}
.node-picker__icon[data-v-555717a9], .node-picker__preview[data-v-555717a9] {
height: 64px;
width: 64px;
margin: 0 var(--secondary-margin);
display: block;
flex: 0 0 64px;
}
.node-picker__icon[data-v-555717a9] {
color: var(--color-text-maxcontrast);
}
.node-picker__icon.folder-icon[data-v-555717a9] {
color: var(--color-primary-element);
}
.node-picker__preview[data-v-555717a9] {
overflow: hidden;
border-radius: calc(var(--border-radius) * 2);
object-fit: cover;
}
.node-picker__desc[data-v-555717a9] {
display: flex;
flex-direction: column;
}
.node-picker__desc span[data-v-555717a9] {
white-space: nowrap;
}[data-v-d96ae170] .modal-container__content {
display: flex;
overflow: visible;
flex-direction: column;
}
.conflict-picker[data-v-d96ae170] {
--margin: 36px;
--secondary-margin: 18px;
}
.conflict-picker__header[data-v-d96ae170] {
position: sticky;
z-index: 10;
top: 0;
padding: 0 var(--margin);
padding-bottom: var(--secondary-margin);
background-color: var(--color-main-background);
}
.conflict-picker__form[data-v-d96ae170] {
position: relative;
overflow: auto;
padding: 0 var(--margin);
margin-top: calc(-1 * var(--secondary-margin));
}
.conflict-picker fieldset[data-v-d96ae170] {
display: grid;
width: 100%;
margin-top: calc(var(--secondary-margin) * 1.5);
padding-bottom: var(--secondary-margin);
grid-template-columns: 1fr 1fr;
}
.conflict-picker fieldset[data-v-d96ae170] legend {
display: flex;
align-items: center;
width: 100%;
margin-bottom: calc(var(--secondary-margin) / 2);
}
.conflict-picker fieldset.conflict-picker__all[data-v-d96ae170] {
position: sticky;
top: 0;
margin: 0;
padding: var(--secondary-margin) 0;
background-image: linear-gradient(to top, transparent, var(--color-main-background-blur) 10%, var(--color-main-background) 15%);
}
.conflict-picker fieldset.conflict-picker__all + fieldset[data-v-d96ae170] {
margin-top: 0;
}
.conflict-picker fieldset.conflict-picker__all[data-v-d96ae170] label {
font-weight: bold;
}
.conflict-picker .button-vue--disabled[data-v-d96ae170] {
cursor: default;
opacity: 0.5;
filter: saturate(0.7);
}
.conflict-picker[data-v-d96ae170] .dialog__actions {
width: auto;
margin-inline: 12px;
}
.conflict-picker[data-v-d96ae170] .dialog__actions span.dialog__actions-separator {
margin-left: auto;
}
@media screen and (max-width: 768px) {
.conflict-picker[data-v-d96ae170] {
--margin: var(--secondary-margin) ;
}
.conflict-picker__description[data-v-d96ae170] {
display: none ;
}
.conflict-picker fieldset[data-v-d96ae170] {
grid-template-columns: 1fr ;
}
.conflict-picker fieldset.conflict-picker__all[data-v-d96ae170] {
position: static;
}
}
@media screen and (max-width: 512px) {
.conflict-picker[data-v-d96ae170] .dialog__actions {
flex-wrap: wrap;
}
.conflict-picker[data-v-d96ae170] .dialog__actions span.dialog__actions-separator {
width: 100%;
}
}