mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 05:32:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

gradient on pathbar

Browse source
This commit is contained in:
Til Schmitter 2026-04-25 15:51:46 +02:00
parent 37eb20d914
commit e161b399ab
2 changed files with 22 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
copyparty/web/browser.css
View file

@ -581,16 +581,14 @@ html .ayjump:focus-visible {
} }
#pathBar { #pathBar {
display: flex; display: flex;
margin: 0 0 .5em 0; margin: 0;
align-content: center; align-content: center;
justify-content: space-between; justify-content: space-between;
position: sticky; position: sticky;
top: .6em;
z-index: 4; z-index: 4;
pointer-events: none; background: linear-gradient(to bottom, var(--bg), transparent);
} padding: .6em 0;
#pathBar *:not(#wfp) { top: 0;
pointer-events: all;
} }
#wfp.shifted { #wfp.shifted {
margin-left: 2em; margin-left: 2em;
@ -1859,9 +1857,8 @@ input.ssconf_v {
} }
#wrap { #wrap {
margin: .6em 1em 0 .7em; padding: 0 .6em 7em .6em;
min-height: 70vh; min-height: 70vh;
padding-bottom: 7em;
} }
#tree { #tree {
display: none; display: none;
@ -3639,7 +3636,7 @@ html.d #treepar {
} }
#actionsArea { #actionsArea {
position: absolute; position: absolute;
top: 0; top: .6em;
right: 0; right: 0;
} }
#ops a { #ops a {
@ -3677,11 +3674,10 @@ html.e #wrap.thin {
} }
@media (max-width: 50em){ @media (max-width: 50em){
html:not(.e) body { html:not(.e) body {
margin: 1em;
font-size: 1.1em; font-size: 1.1em;
} }
html:not(.e) #treeToggleBtn { html:not(.e) #treeToggleBtn {
margin: .8em 0 0 1.2em; margin: .8em;
} }
html:not(.e) #srv_name { html:not(.e) #srv_name {
padding-top: .8em; padding-top: .8em;
@ -3695,12 +3691,21 @@ html.e #wrap.thin {
} }
#pathBar { #pathBar {
display: block; display: block;
padding: .5em;
padding-top: 1em;
margin-left: -.5em;
margin-right: -.5em;
}
#pathBar.thin #actionsArea {
top: 1em;
right: .5em;
} }
#folder_search { #folder_search {
margin: .5em 1em 0 .2em; margin: .5em 1em 0 .2em;
} }
#wrap { #wrap {
margin-right: 0; padding-left: 1em;
padding-right: 1em;
} }
#wfp { #wfp {
margin-left: .1em; margin-left: .1em;
@ -3709,8 +3714,8 @@ html.e #wrap.thin {
#wfp #gop { #wfp #gop {
display: none; display: none;
} }
#ggrid { #gfiles {
margin: 0em -0.25em; margin: 0em -0.5em;
} }
#ghead { #ghead {
margin: .5em; margin: .5em;
@ -3758,12 +3763,9 @@ html.e #wrap.thin {
padding: .5em; padding: .5em;
padding-right: 2em; padding-right: 2em;
} }
#pathBar{ #pathBar.thin #wfp,
margin: .5em;
top: 1em;
}
#pathBar.thin #wfp.shifted { #pathBar.thin #wfp.shifted {
margin-left: 2.1em; margin-left: 2em;
} }
#wrap.thin { #wrap.thin {
#ghead { #ghead {

2
copyparty/web/browser.js
View file

@ -7721,7 +7721,7 @@ var treectl = (function () {
ebi('tree').style.width = w; ebi('tree').style.width = w;
ebi('tree_footer').style.width = (iw - 2) + 'em'; ebi('tree_footer').style.width = (iw - 2) + 'em';
ebi('tree_footer').style.display = 'block'; ebi('tree_footer').style.display = 'block';
ebi('wrap').style.marginLeft = w2; ebi('wrap').style.marginLeft = w;
ebi('widget').style.marginLeft = (iw /1.4) + 'em'; ebi('widget').style.marginLeft = (iw /1.4) + 'em';
onwidgetresize(); onwidgetresize();
onscroll(); onscroll();