body.list-mode .folder-list{
grid-template-columns:1fr;
width:var(--pw1) !important;
max-width:var(--max);
margin-left:auto;
margin-right:auto;
height:var(--gx2);
}
body.list-mode .folder-list .folder:not(.overflow-menu){
display:none;
}
body.list-mode .folder-list .overflow-menu{
display:flex;
width:100%;
max-width:100%;
}
body.list-mode .folder-list .folder-filler{
display:none;
}
body.list-mode .overflow-dd{
position:fixed;
width:var(--pw1);
max-width:var(--max);
left:0 !important;
right:0;
margin-left:auto;
margin-right:auto;
transform:none;
}
body.list-mode .gal{
grid-template-columns:1fr;
width:var(--pw1) !important;
max-width:var(--max);
margin-left:auto;
margin-right:auto;
}
body.list-mode .clip{
max-width:100%;
width:var(--pw1) !important;
cursor:pointer;
min-height:0;
}
body.list-mode .clip .move-handle{
cursor:pointer;
}
body.list-mode .clip-img{
width:100%;
}
body.list-mode .clip-img .move-handle{
width:100%;
height:auto;
cursor:pointer;
}
body.list-mode .clip-img .move-handle img{
width:100%;
height:auto;
max-height:none;
object-fit:contain;
background-color:var(--ooo);
}
body.list-mode .clip-vid{
width:100%;
height:auto;
min-height:0;
}
body.list-mode .clip-vid .move-handle{
width:100%;
height:auto;
cursor:pointer;
}
body.list-mode .clip-vid .move-handle img{
width:100%;
height:auto;
max-height:none;
object-fit:contain;
background-color:var(--ooo);
}
body.list-mode .clip-pdf,
body.list-mode .clip-office{
width:100%;
height:auto;
min-height:0;
}
body.list-mode .clip-pdf .move-handle,
body.list-mode .clip-office .move-handle{
width:100%;
height:auto;
aspect-ratio:16/9;
cursor:pointer;
}
body.list-mode .clip-pdf .move-handle img,
body.list-mode .clip-office .move-handle img{
width:100%;
height:100%;
max-height:none;
object-fit:cover;
background-color:var(--ooo);
}
body.list-mode .clip-note .note-content{
height:auto;
min-height:max(40px,calc(5 * 1.15rem + 20px));
max-height:calc(12 * 1.15rem + 20px);
overflow:hidden;
cursor:pointer;
font-size:0.96rem;
}
body.list-mode .clip-link .note-link-wrapper,
body.list-mode .clip-link .note-content{
height:auto;
min-height:max(40px,calc(5 * 1.15rem + 20px));
max-height:calc(12 * 1.15rem + 20px);
font-size:0.96rem;
line-height:20px;
}
body.list-mode .clip-yt{
height:auto;
min-height:0;
}
body.list-mode .clip-yt .note-link-wrapper{
height:auto;
max-height:none;
width:100%;
display:block;
}
body.list-mode .clip-yt .note-content.yt-link{
height:auto;
max-height:none;
padding-top:0;
width:100%;
aspect-ratio:var(--yt-aspect-ratio,16/9);
background-size:cover;
background-position:center;
}
body.list-mode .sortable-ghost,
body.list-mode .sortable-chosen,
body.list-mode .sortable-drag{
opacity:1;
transform:none;
}
body.list-mode .pill-container{
top:10px;
left:10px;
gap:6px;
}
body.list-mode .clip:hover .pill-container,
body.list-mode .clip.sel .pill-container{
left:38px;
}
body.list-mode .pinned-pill{
font-size:13px;
line-height:28px;
height:28px;
padding:0 12px;
}
body.list-mode .file-type-pill{
font-size:12px;
line-height:28px;
height:28px;
padding:0 12px;
}
body.list-mode .hover-title{
font-size:18px;
line-height:30px;
padding:2px 14px;
bottom:8px;
}
body.list-mode .clip-sel-check{
top:10px;
left:10px;
width:26px;
height:26px;
}
body.list-mode .clip.sel .clip-sel-check,
body.list-mode .clip:hover .clip-sel-check{
opacity:1;
}
body.list-mode .gal.sel-mode .clip{
cursor:default;
}
body.list-mode .gal.sel-mode .clip .move-handle{
cursor:default;
}
body.list-mode .gal.sel-mode .clip .note-content{
cursor:default;
}
body.list-mode .gal.sel-mode .clip .note-link-wrapper{
cursor:default;
}
.gal.sel-mode .clip{
cursor:default;
}
.gal.sel-mode .clip .move-handle{
cursor:default;
}
.gal.sel-mode .clip .note-content{
cursor:default;
}
.gal.sel-mode .clip .note-link-wrapper{
cursor:default;
}