diff --git a/cmd/fibr/static/styles/main.min.css b/cmd/fibr/static/styles/main.min.css index 460423e2..3c34b3e4 100644 --- a/cmd/fibr/static/styles/main.min.css +++ b/cmd/fibr/static/styles/main.min.css @@ -1 +1 @@ -.thumbnail{max-height:100%;vertical-align:middle;width:100%}.exif-button{bottom:1rem;position:absolute;right:1rem}#exif-modal:target{display:flex;z-index:5}#exif-modal:target~.content{pointer-events:none}.breakable{word-break:break-word}:root{--primary:royalblue;--success:limegreen;--danger:crimson;--dark:#272727;--grey:#3b3b3b;--white:aliceblue;--icon-size:2.4rem;--icon-large:4.8rem}*{box-sizing:border-box}html{font-size:62.5%}body{-webkit-overflow-scrolling:touch;background-color:var(--dark);height:100vh}body,button,input{color:var(--white);font-family:-apple-system,segoe ui,roboto,oxygen-sans,ubuntu,cantarell,helvetica nue,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400}input{color:var(--dark)}input[type=file]{color:var(--white)}a{color:var(--white);text-decoration:none}a:hover{color:var(--primary);text-decoration:underline}.primary{color:var(--primary)}.success{color:var(--success)}.danger{color:var(--danger)}.grey{color:var(--grey)}.white{color:var(--white)}.bg-primary,.bg-primary:hover{background-color:var(--primary);color:var(--white);text-decoration:none}.bg-success,.bg-success:hover{background-color:var(--success);color:var(--dark);text-decoration:none}.bg-danger,.bg-danger:hover{background-color:var(--danger);color:var(--white);text-decoration:none}.bg-grey,.bg-grey:hover{background-color:var(--grey);color:var(--white);text-decoration:none}.button{border-radius:4px;border:0;cursor:pointer;display:inline-block;margin:0;padding:1rem;text-decoration:none}.button-icon{background-color:initial}.icon{background-position:50%;background-repeat:no-repeat;color:var(--white);display:inline-block;height:var(--icon-size);text-decoration:none;vertical-align:middle}.icon-square{width:var(--icon-size)}.icon-bottom{vertical-align:bottom}.icon-large{height:var(--icon-large);width:var(--icon-large)}.icon-overlay{height:var(--icon-large);left:calc((100% - var(--icon-large))/2);pointer-events:none;position:absolute;top:calc((100% - var(--icon-large))/2);width:var(--icon-large)}.icon-overlay-small{bottom:1rem;height:var(--icon-size);position:absolute;right:1rem;width:var(--icon-size)}.clickable{cursor:pointer}.modal{align-items:flex-start;background-color:rgba(84,84,84,.75);display:none;height:100vh;justify-content:center;left:0;padding-top:5rem;pointer-events:none;position:fixed;top:0;width:100vw}.modal-content{background-color:var(--dark);display:flex;flex-direction:column;max-height:80%;max-width:90%;pointer-events:auto}.header{background-color:var(--grey);margin-top:0;padding:.5rem 1rem;text-align:left}.center{text-align:center}.padding{padding:1rem}.no-padding{padding:0}.margin{margin:1rem}.margin-left{margin-left:1rem}.no-margin{margin:0}.no-background{background-color:initial}.hidden{display:none}@media print{body::before{content:'Save ink, share link.'}body>*{display:none}}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-grow{flex:1 1}.flex-column{flex-direction:column}.full{width:100%}.full-screen{max-width:100vw}.medium{font-size:2.4rem}.small{font-size:1.6rem}.scrollable{overflow-y:auto}.padding-left{padding-left:1rem}.padding-right{padding-right:1rem}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-ellipsis{min-width:0}.relative{position:relative}.block{display:block}@media screen and (max-width:374px){.hide-xs{display:none}}@media screen and (max-width:599px){.hide-s{display:none}}#map:target{display:flex;z-index:5}#map:target~.content{pointer-events:none}#map-container{background-color:var(--grey);color:var(--dark);height:80vh;width:80vw}.thumbnail-img{height:15rem}.thumbnail-popup{bottom:55px!important;height:15rem;width:19rem}.map-throbber{z-index:500}.map-throbber .throbber-dot{height:3.2rem;width:3.2rem}#search:target{display:flex;z-index:5}#search:target~.content{pointer-events:none}#size{width:7rem}#share-form:target{display:flex;z-index:5}#share-form:target~.content{pointer-events:none}#share-list:target{display:flex;z-index:5}#share-list:target~.content{pointer-events:none}#shares{border-spacing:0;display:block;overflow-x:hidden;overflow-y:auto}#shares th,#shares td{padding:1rem}.share-link{color:var(--success)}.share-content:hover{background-color:var(--grey)}.path{max-width:30rem;text-align:left}@media screen and (max-width:485px){#shares th,#shares td{padding:.5rem}.path{max-width:20rem}}@media screen and (max-width:430px){.path{max-width:16rem}}@media screen and (max-width:375px){.path{max-width:12rem}}@media screen and (max-width:320px){.path{max-width:8rem}}.stats{margin:0 auto;width:30rem}.key{display:inline-block;width:10rem}.throbber{margin:auto;text-align:center}.throbber-dot{animation:throbber-dot 1.4s infinite ease-in-out both;background-color:var(--dark);border-radius:100%;display:inline-block;height:1rem;width:1rem}.throbber-white .throbber-dot{background-color:var(--white)}.throbber-dot-1{animation-delay:-.32s}.throbber-dot-2{animation-delay:-.16s}@keyframes throbber-dot{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.upload-modal:target,.upload-success:target{display:flex;z-index:5}.upload-modal:target~.content,.upload-success:target~.content{pointer-events:none}.upload-width{max-width:30rem}.upload-item{display:inline-block;width:calc(100% - 2rem)}.upload-name{text-align:left}.opacity{flex:0 0;opacity:0}.upload-status{margin-left:.5rem;text-align:right;width:2rem}#webhook-form:target{display:flex;z-index:5}#webhook-form:target~.content{pointer-events:none}#webhook-list:target{display:flex;z-index:5}#webhook-list:target~.content{pointer-events:none}#webhooks{border-spacing:0;display:block;overflow:auto}#webhooks th,#webhooks td{padding:1rem}.webhook-content:hover{background-color:var(--grey)}.url{max-width:30rem;text-align:left}@media screen and (max-width:485px){.url{max-width:20rem}}@media screen and (max-width:430px){.url{max-width:16rem}}@media screen and (max-width:375px){.url{max-width:12rem}}@media screen and (max-width:320px){.url{max-width:8rem}} \ No newline at end of file +.thumbnail{max-height:100%;vertical-align:middle;width:100%}.exif-button{bottom:1rem;position:absolute;right:1rem}#exif-modal:target{display:flex;z-index:5}#exif-modal:target~.content{pointer-events:none}.breakable{word-break:break-word}:root{--primary:royalblue;--success:limegreen;--danger:crimson;--dark:#272727;--grey:#3b3b3b;--white:aliceblue;--icon-size:2.4rem;--icon-large:4.8rem}*{box-sizing:border-box}html{font-size:62.5%}body{-webkit-overflow-scrolling:touch;background-color:var(--dark);height:100vh}body,button,input{color:var(--white);font-family:-apple-system,segoe ui,roboto,oxygen-sans,ubuntu,cantarell,helvetica nue,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400}input{color:var(--dark)}input[type=file]{color:var(--white)}a{color:var(--white);text-decoration:none}a:hover{color:var(--primary);text-decoration:underline}.primary{color:var(--primary)}.success{color:var(--success)}.danger{color:var(--danger)}.grey{color:var(--grey)}.white{color:var(--white)}.bg-primary,.bg-primary:hover{background-color:var(--primary);color:var(--white);text-decoration:none}.bg-success,.bg-success:hover{background-color:var(--success);color:var(--dark);text-decoration:none}.bg-danger,.bg-danger:hover{background-color:var(--danger);color:var(--white);text-decoration:none}.bg-grey,.bg-grey:hover{background-color:var(--grey);color:var(--white);text-decoration:none}.button{border-radius:4px;border:0;cursor:pointer;display:inline-block;margin:0;padding:1rem;text-decoration:none}.button-icon{background-color:initial}.icon{background-position:50%;background-repeat:no-repeat;color:var(--white);display:inline-block;height:var(--icon-size);text-decoration:none;vertical-align:middle}.icon-square{width:var(--icon-size)}.icon-bottom{vertical-align:bottom}.icon-large{height:var(--icon-large);width:var(--icon-large)}.icon-overlay{height:var(--icon-large);left:calc((100% - var(--icon-large))/2);pointer-events:none;position:absolute;top:calc((100% - var(--icon-large))/2);width:var(--icon-large)}.icon-overlay-small{bottom:1rem;height:var(--icon-size);position:absolute;right:1rem;width:var(--icon-size)}.clickable{cursor:pointer}.modal{align-items:flex-start;background-color:rgba(84,84,84,.75);display:none;height:100vh;justify-content:center;left:0;padding-top:5rem;pointer-events:none;position:fixed;top:0;width:100vw}.modal-content{background-color:var(--dark);display:flex;flex-direction:column;max-height:80%;max-width:90%;pointer-events:auto}.header{background-color:var(--grey);margin-top:0;padding:.5rem 1rem;text-align:left}.center{text-align:center}.padding{padding:1rem}.no-padding{padding:0}.margin{margin:1rem}.margin-left{margin-left:1rem}.no-margin{margin:0}.no-background{background-color:initial}.hidden{display:none}@media print{body::before{content:'Save ink, share link.'}body>*{display:none}}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-grow{flex:1 1}.flex-column{flex-direction:column}.full{width:100%}.full-screen{max-width:100vw}.medium{font-size:2.4rem}.small{font-size:1.6rem}.scrollable{overflow-y:auto}.padding-left{padding-left:1rem}.padding-right{padding-right:1rem}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-ellipsis{min-width:0}.relative{position:relative}.block{display:block}@media screen and (max-width:374px){.hide-xs{display:none}}@media screen and (max-width:599px){.hide-s{display:none}}#map:target{display:flex;z-index:5}#map:target~.content{pointer-events:none}#map-container{background-color:var(--grey);color:var(--dark);height:80vh;width:80vw}.thumbnail-img{height:15rem}.thumbnail-popup{bottom:55px!important;height:15rem;width:19rem}.map-throbber{z-index:500}.map-throbber .throbber-dot{height:3.2rem;width:3.2rem}#search:target{display:flex;z-index:5}#search:target~.content{pointer-events:none}#size{width:7rem}.share-form-modal:target{display:flex;z-index:5}.share-form-modal:target~.content{pointer-events:none}.share-list-modal:target{display:flex;z-index:5}.share-list-modal:target~.content{pointer-events:none}#shares{border-spacing:0;display:block;overflow-x:hidden;overflow-y:auto}#shares th,#shares td{padding:1rem}.share-link{color:var(--success)}.share-content:hover{background-color:var(--grey)}.path{max-width:30rem;text-align:left}@media screen and (max-width:485px){#shares th,#shares td{padding:.5rem}.path{max-width:20rem}}@media screen and (max-width:430px){.path{max-width:16rem}}@media screen and (max-width:375px){.path{max-width:12rem}}@media screen and (max-width:320px){.path{max-width:8rem}}.stats{margin:0 auto;width:30rem}.key{display:inline-block;width:10rem}.throbber{margin:auto;text-align:center}.throbber-dot{animation:throbber-dot 1.4s infinite ease-in-out both;background-color:var(--dark);border-radius:100%;display:inline-block;height:1rem;width:1rem}.throbber-white .throbber-dot{background-color:var(--white)}.throbber-dot-1{animation-delay:-.32s}.throbber-dot-2{animation-delay:-.16s}@keyframes throbber-dot{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.upload-modal:target,.upload-success:target{display:flex;z-index:5}.upload-modal:target~.content,.upload-success:target~.content{pointer-events:none}.upload-width{max-width:30rem}.upload-item{display:inline-block;width:calc(100% - 2rem)}.upload-name{text-align:left}.opacity{flex:0 0;opacity:0}.upload-status{margin-left:.5rem;text-align:right;width:2rem}#webhook-form:target{display:flex;z-index:5}#webhook-form:target~.content{pointer-events:none}#webhook-list:target{display:flex;z-index:5}#webhook-list:target~.content{pointer-events:none}#webhooks{border-spacing:0;display:block;overflow:auto}#webhooks th,#webhooks td{padding:1rem}.webhook-content:hover{background-color:var(--grey)}.url{max-width:30rem;text-align:left}@media screen and (max-width:485px){.url{max-width:20rem}}@media screen and (max-width:430px){.url{max-width:16rem}}@media screen and (max-width:375px){.url{max-width:12rem}}@media screen and (max-width:320px){.url{max-width:8rem}} \ No newline at end of file diff --git a/cmd/fibr/static/styles/share.css b/cmd/fibr/static/styles/share.css index 30558920..e75491ec 100644 --- a/cmd/fibr/static/styles/share.css +++ b/cmd/fibr/static/styles/share.css @@ -1,19 +1,18 @@ -#share-form:target { +.share-form-modal:target { display: flex; z-index: 5; } -#share-form:target ~ .content { +.share-form-modal:target ~ .content { pointer-events: none; } - -#share-list:target { +.share-list-modal:target { display: flex; z-index: 5; } -#share-list:target ~ .content { +.share-list-modal:target ~ .content { pointer-events: none; } diff --git a/cmd/fibr/templates/folder-modal.html b/cmd/fibr/templates/folder-modal.html index 76d6e786..4f19f0f1 100644 --- a/cmd/fibr/templates/folder-modal.html +++ b/cmd/fibr/templates/folder-modal.html @@ -1,5 +1,5 @@ {{ define "folder-modal" }} -