mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-20 13:12:26 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

theme fixes

Browse source
This commit is contained in:
Til Schmitter 2026-04-18 17:07:22 +02:00
parent 0eebd11ee8
commit bfd572829b
1 changed files with 11 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
copyparty/web/browser.css
View file

@ -1145,7 +1145,7 @@ html.dz #flogout {
z-index: 3; z-index: 3;
touch-action: none; touch-action: none;
box-shadow: 0 0 .5em var(--mp-sh); box-shadow: 0 0 .5em var(--mp-sh);
clip-path: inset(-10em 0 0 0); clip-path: inset(-100vh 0 0 0);
} }
#widget.anim { #widget.anim {
transition: margin-left 0; /* can't set this above 0 due to onwidgetresize */ transition: margin-left 0; /* can't set this above 0 due to onwidgetresize */
@ -1170,9 +1170,6 @@ html.dz #flogout {
display: block; display: block;
} }
html.y #widget.open {
border-top: .2em solid var(--bg-u2);
}
#widgeti { #widgeti {
position: relative; position: relative;
z-index: 10; z-index: 10;
@ -1234,12 +1231,13 @@ html.y #widget.open {
right: .4em; right: .4em;
font-size: xx-large; font-size: xx-large;
font-weight: bold; font-weight: bold;
box-shadow: 0 0 .3em var(--bg-d3); box-shadow: 0 0 .5em var(--mp-sh);
transition: all .15s; transition: all .15s;
z-index: 1; z-index: 1;
border-radius: .3em; border-radius: .35em;
text-align: right; text-align: right;
background: var(--bg-u2); background: var(--bg-u2);
border: var(--btn-bg) solid 1px;
} }
#up_quick_more { #up_quick_more {
display: none; display: none;
@ -1267,11 +1265,13 @@ html.y #widget.open {
#up_quick .btn{ #up_quick .btn{
box-shadow: none; box-shadow: none;
transition: all .15s; transition: all .15s;
margin: 0; margin: -1px;
width: max-content; width: max-content;
}
html.a #up_quick .btn {
transform: rotate(90deg); transform: rotate(90deg);
} }
#up_quick .btn.on { html.a #up_quick .btn.on {
transform: rotate(0); transform: rotate(0);
} }
#wfs, #wfm, #wzip, #wnp, #wm3u { #wfs, #wfm, #wzip, #wnp, #wm3u {
@ -2810,7 +2810,7 @@ html.y #bbox-overlay figcaption a {
font-size: 1.1em; font-size: 1.1em;
} }
#u2btn:hover { #u2btn:hover {
background: linear-gradient(var(--a) 0%, var(--a) 20%, transparent 99%); background: linear-gradient(var(--a) 0%, var(--a) 20%, color-mix(transparent 85%, var(--a) 15%));
border-color: var(--bg); border-color: var(--bg);
border-style: solid; border-style: solid;
color: var(--fg-max); color: var(--fg-max);
@ -3277,9 +3277,8 @@ html.c #u2etas,
html.a #u2etas { html.a #u2etas {
background: var(--bg-d1); background: var(--bg-d1);
border: 1px solid var(--bg-u1); border: 1px solid var(--bg-u1);
border-width: .1em 0; border-width: 2px;
border-radius: .5em; border-radius: .5em;
border-width: .25em 0;
} }
html.c #u2foot:empty, html.c #u2foot:empty,
html.a #u2foot:empty { html.a #u2foot:empty {
@ -3390,9 +3389,6 @@ html.bz .ghead {
html.b #files td { html.b #files td {
padding: .5em .7em; padding: .5em .7em;
} }
html.b .btn {
top: -.1em;
}
html.b #op_up2k.srch sup { html.b #op_up2k.srch sup {
color: #fc0; color: #fc0;
} }
@ -3984,7 +3980,6 @@ html.e #u2cards a.act {
html.e #u2btn { html.e #u2btn {
border: var(--border-dashed-black); border: var(--border-dashed-black);
border-radius: var(--border-radius); border-radius: var(--border-radius);
transform: translateY(30%);
} }
html.e #ops, html.e #ops,
html.e #ops a { html.e #ops a {
@ -4082,7 +4077,7 @@ html.e #opa_x:before {
position: absolute; position: absolute;
} }
html.e .opbox { html.e .opbox {
margin: -1.2em 0 0; margin: -.3em 0 0;
box-shadow: var(--shadow-inset-bottom), var(--shadow-inset-left), box-shadow: var(--shadow-inset-bottom), var(--shadow-inset-left),
var(--shadow-inset-right); var(--shadow-inset-right);
border-radius: var(--radius); border-radius: var(--radius);