mkdir dialog in drive pages
This commit is contained in:
parent
7d362f0708
commit
38f91dd890
3 changed files with 119 additions and 25 deletions
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue