mkdir dialog in drive pages

This commit is contained in:
jaina heartles 2022-12-15 06:32:11 -08:00
parent 7d362f0708
commit 38f91dd890
3 changed files with 119 additions and 25 deletions

View file

@ -1,8 +1,13 @@
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
* {
--theme-color: #713c8c;
--theme-color-highlight: #9b52bf;
--theme-accent: #713c8c;
--theme-accent-highlight: #9b52bf;
--theme-accent-contrast: #fff;
--theme-fg-color: #000;
--theme-bg-color: #fff;
--fa-inverse: var(--theme-accent);
}
body {
@ -92,7 +97,7 @@ form .textinput input:focus-visible{
outline: none;
}
form .textinput:focus-within {
outline: solid 2px var(--theme-color);
outline: solid 2px var(--theme-accent);
}
form .textinput span.prefix {
user-select: none;
@ -124,14 +129,14 @@ button, a.button {
border-radius: 10px;
border: none;
color: #fff;
background-color: var(--theme-color);
background-color: var(--theme-accent);
font-weight: bold;
transition: background-color 0.2s;
cursor: pointer;
}
button:hover, a.button:hover {
background-color: var(--theme-color-highlight);
background-color: var(--theme-accent-highlight);
}
.user-profile img.banner {
@ -228,3 +233,32 @@ button:hover, a.button:hover {
justify-content: flex-end;
vertical-align: bottom;
}
.drive .buttons a[href="#mkdir"] span.fa-stack {
font-size: 8pt;
vertical-align: bottom;
}
.drive .buttons a[href="#mkdir"] .fa-plus {
position: relative;
bottom: -1px;
}
.popup :is(.popup-close, .popup-dialog) {
display: none;
}
.popup:target .popup-open {
display: none;
}
.popup:target :is(.popup-close, .popup-dialog) {
display: unset;
}
.popup:target .popup-dialog {
position: absolute;
color: var(--theme-fg-color);
background-color: var(--theme-bg-color);
border: 1px solid var(--theme-accent);
}