Leo Vasanko
8c6690ea98
- File selections working - CSS more responsive, more consistent use of colors and variables - Keyboard navigation - Added context menu buttons and handler, the menu is still missing - Added download and settings buttons (no functions yet) - Various minor fixes everywhere
2 lines
6.5 KiB
CSS
2 lines
6.5 KiB
CSS
@charset "UTF-8";:root{--primary-background: #eef;--header-background: #000;--header-color: #ccc;--primary-color: #000;--secondary-color: #333;--accent-color: #f80;--transition-time: .2s}@media (prefers-color-scheme: dark){:root{--primary-color: #ddd;--primary-background: #003;--primary-color: #fff;--secondary-color: #ccc}}@media screen and (orientation: portrait){html{font-size:1.5rem}.size,.modified{display:none}}@media screen and (min-width: 800px) and (--webkit-min-device-pixel-ratio: 2){html{font-size:1.5rem}}@media screen and (min-width: 1400px) and (--webkit-min-device-pixel-ratio: 3){html{font-size:2rem}}body{background-color:var(--primary-background);font-size:1rem;font-family:Roboto,sans-serif;color:var(--primary-color);margin:0}header{background-color:var(--header-background);color:var(--header-color)}main{height:100%}button{font:inherit;color:inherit;margin:0;border:0;padding:0;background:none;cursor:pointer;min-width:1rem;min-height:1rem}:focus{outline:none}a:link,a:visited,a:active,a:hover{color:var(--primary-color);text-decoration:none}table{border-collapse:collapse;border:0;gap:0}#app{height:100%;display:flex;flex-direction:column}main{height:calc(100svh - 6rem);overflow-y:scroll}thead tr{position:sticky;top:0}:root{--breadcrumb-background-odd: #2d2d2d;--breadcrumb-background-even: #404040;--breadcrumb-color: #ddd;--breadcrumb-hover-color: #fff;--breadcrumb-hover-background-odd: #25a;--breadcrumb-hover-background-even: #812;--breadcrumb-transtime: .3s}.breadcrumb{display:flex;list-style:none;margin:0;padding:0 1em 0 0}.breadcrumb>a{margin:0 -.7rem;max-width:8em;font-size:1.3em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:1em;color:var(--breadcrumb-color);padding:.3em 1.5em;clip-path:polygon(0 0,1em 50%,0 100%,100% 100%,100% 0,0 0);transition:all var(--breadcrumb-transtime)}.breadcrumb a:first-child{margin-left:0;padding-left:0;clip-path:none}.breadcrumb a:last-child{max-width:none;clip-path:polygon(0 0,calc(100% - 1em) 0,100% 50%,calc(100% - 1em) 100%,0 100%,1em 50%,0 0)}.breadcrumb a:only-child{clip-path:polygon(0 0,calc(100% - 1em) 0,100% 50%,calc(100% - 1em) 100%,0 100%,0 0)}.breadcrumb svg{transform:translate(.3rem,-.3rem) scale(.8);fill:var(--breadcrumb-color);transition:fill var(--breadcrumb-transtime)}.breadcrumb a:nth-child(odd){background:var(--breadcrumb-background-odd)}.breadcrumb a:nth-child(2n){background:var(--breadcrumb-background-even)}.breadcrumb a:nth-child(odd):hover,.breadcrumb a:focus:nth-child(odd){background:var(--breadcrumb-hover-background-odd)}.breadcrumb a:nth-child(2n):hover,.breadcrumb a:focus:nth-child(2n){background:var(--breadcrumb-hover-background-even)}.breadcrumb a:hover{color:var(--breadcrumb-hover-color)}.breadcrumb a:hover svg{fill:var(--breadcrumb-hover-color)}button[data-v-66d9b2b5]{background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s ease;padding:.5rem}button[data-v-66d9b2b5]:hover,button[data-v-66d9b2b5]:focus{color:#fff;transform:scale(1.1)}svg[data-v-66d9b2b5]{fill:#ccc;transform:fill .2s ease;width:1rem;height:1rem}button:hover svg[data-v-66d9b2b5],button:focus svg[data-v-66d9b2b5]{fill:#fff}.buttons[data-v-d13721cd]{padding:0 .5em;display:flex;align-items:center}.spacer[data-v-d13721cd]{flex-grow:1}.smallgap[data-v-d13721cd]{margin-left:2em}.select-text[data-v-d13721cd]{color:var(--accent-color)}.search-widget[data-v-d13721cd]{display:flex;align-items:center}input[type=search][data-v-d13721cd]{background:var(--primary-background);color:var(--text-color);border:0;border-radius:.1rem;padding:.5rem;outline:none;font-size:1.2rem}body:has(dialog[open]):before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0008;-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);z-index:1000}dialog[open]{display:block;border:none;border-radius:.5rem;box-shadow:.2rem .2rem 1rem #000;padding:1rem;position:fixed;top:0;left:0;z-index:1001}dialog[open]>h1{background:#00f;color:#fff;font-size:1rem;margin:-1rem -1rem 0;padding:.5rem 1rem}dialog[open]>div{padding:1em 0}.login-container[data-v-0167bcf4]{display:grid;gap:1rem;grid-template-columns:1fr 2fr;justify-content:center;align-items:center;margin:1rem 0}.button-login[data-v-0167bcf4]{margin-left:auto;background-color:var(--secondary-color);color:var(--secondary-background)}.ant-btn-primary[data-v-0167bcf4]:not(:disabled):hover{background-color:var(--blue-color)}.error-text[data-v-0167bcf4]{color:var(--red-color)}input#FileRenameInput{color:#8f8;border:0;padding:0;width:90%;outline:none;background:transparent;font:inherit}table[data-v-a775aa5c]{width:100%;table-layout:fixed}table input[type=checkbox][data-v-a775aa5c]{width:1rem;height:1rem}table .selection[data-v-a775aa5c]{width:1rem}table .modified[data-v-a775aa5c]{width:10rem}table .size[data-v-a775aa5c]{width:5rem}table .menu[data-v-a775aa5c]{width:1rem}tbody td[data-v-a775aa5c]{font-size:1.2rem}table th[data-v-a775aa5c],table td[data-v-a775aa5c]{padding:0 .5rem;font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name[data-v-a775aa5c]{white-space:nowrap}.name button[data-v-a775aa5c]{visibility:hidden;padding-left:1rem}.name:hover button[data-v-a775aa5c]{visibility:visible}thead tr[data-v-a775aa5c]{background:linear-gradient(to bottom,#eee,#fff 30%,#ddd);color:#000}tbody tr.cursor[data-v-a775aa5c]{background:var(--accent-color)}.right[data-v-a775aa5c]{text-align:right}.selection[data-v-a775aa5c]{width:2em}.sortcolumn[data-v-a775aa5c]:hover{cursor:pointer}.sortcolumn[data-v-a775aa5c]:hover:after{color:var(--accent-color)}.sortcolumn[data-v-a775aa5c]{padding-right:1.7em}.sortcolumn[data-v-a775aa5c]:after{content:"▸";color:#888;margin:0 1em 0 .5em;position:absolute;transition:all var(--transition-time) linear}.sortactive[data-v-a775aa5c]:after{transform:rotate(90deg);color:#000}.more-action[data-v-a775aa5c]{display:flex;flex-direction:column;justify-content:start}.action-container[data-v-a775aa5c]{display:flex;align-items:center}.edit-action[data-v-a775aa5c]{min-width:5%}.carousel-container[data-v-a775aa5c]{height:inherit}.name a[data-v-a775aa5c]{text-decoration:none}.file .name[data-v-a775aa5c]:before{content:"📄 ";font-size:1.5em}.folder .name[data-v-a775aa5c]:before{content:"📁 ";font-size:1.5em}.empty-container[data-v-a775aa5c]{padding-top:3rem;text-align:center;font-size:3rem;color:var(--accent-color)}.slide-fade-enter-active[data-v-fa6a91be],.slide-fade-leave-active[data-v-fa6a91be]{transition:transform var(--transition-time) linear}.slide-fade-enter[data-v-fa6a91be],.slide-fade-leave-to[data-v-fa6a91be]{transform:translate(100%)}header[data-v-1ef1e934]{background:#000}
|