diff --git a/images/pic1.png b/images/pic1.png index d549827..329005d 100644 Binary files a/images/pic1.png and b/images/pic1.png differ diff --git a/images/pic2.png b/images/pic2.png index 8aec7e6..276262c 100644 Binary files a/images/pic2.png and b/images/pic2.png differ diff --git a/images/pic3.png b/images/pic3.png index 15b9e56..5f80a39 100644 Binary files a/images/pic3.png and b/images/pic3.png differ diff --git a/images/pic4.png b/images/pic4.png index 8c95137..b633d97 100644 Binary files a/images/pic4.png and b/images/pic4.png differ diff --git a/images/pic5.png b/images/pic5.png index 65eb51d..150def2 100644 Binary files a/images/pic5.png and b/images/pic5.png differ diff --git a/src/core/static/css/main.css b/src/core/static/css/main.css index 9c73f86..6ee4ea1 100644 --- a/src/core/static/css/main.css +++ b/src/core/static/css/main.css @@ -56,6 +56,7 @@ text-overflow: ellipsis; } + .volume-control-positioner { position: absolute; bottom: 3.5em; diff --git a/src/core/static/css/overrides.css b/src/core/static/css/overrides.css index e5d2c2e..58fc8da 100644 --- a/src/core/static/css/overrides.css +++ b/src/core/static/css/overrides.css @@ -13,13 +13,14 @@ } body { - font-family: Dosis; + font-family: Dosis; } ul, li { list-style: none; } + /* Vertical slider */ input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ @@ -30,18 +31,18 @@ input[type=range][orient=vertical] { } [class*="col-"] { - background-clip: padding-box; - border: 10px solid transparent; - margin: 0em !important; - padding: 0em !important; + background-clip: padding-box; + border: 10px solid transparent; + margin: 0em !important; + padding: 0em !important; } #video-container::-webkit-media-controls { - display: none !important; + display: none !important; } #video-container::-webkit-media-controls-enclosure { - display: none !important; + display: none !important; } @@ -57,6 +58,23 @@ input[type=range][orient=vertical] { background-color: rgba(50, 56, 62, 0.84); } +.card-body { + min-height: 326px; + font-size: x-large; + vertical-align: middle !important; + align-items: center; + display: grid; +} + +.card-img, .card-img-top { + max-height: 285px !important; + object-fit: contain; +} + +.list-group-item { + color: rgba(255, 255, 255, 1) !important; +} + .label-as-badge { border-radius: 1em; cursor: pointer; diff --git a/src/core/static/js/context-menu.js b/src/core/static/js/context-menu.js index 583a8bf..d39d22c 100644 --- a/src/core/static/js/context-menu.js +++ b/src/core/static/js/context-menu.js @@ -14,6 +14,7 @@ const setPosition = ({ top, left }) => { toggleMenu("show"); }; + window.addEventListener("click", e => { if(menuVisible) toggleMenu("hide"); }); diff --git a/src/core/static/js/events-privileged.js b/src/core/static/js/events-privileged.js index 05c1f13..744a6a5 100644 --- a/src/core/static/js/events-privileged.js +++ b/src/core/static/js/events-privileged.js @@ -28,3 +28,7 @@ $( "#uploadFiles" ).bind( "click", function(eve) { const files = document.getElementById('toUpload').files; uploadFiles(files); }); + +$( "#clearUploadFiles" ).bind( "click", function(eve) { + clearUlList(); +}); diff --git a/src/core/static/js/privileged-logic.js b/src/core/static/js/privileged-logic.js index 0bde86b..34d6f83 100644 --- a/src/core/static/js/privileged-logic.js +++ b/src/core/static/js/privileged-logic.js @@ -1,5 +1,13 @@ // Uploader Logic +const clearUlList = () => { + const titles = document.getElementById('uploadListTitles'); + const files = document.getElementById('toUpload'); + + files.value = null; + clearChildNodes(titles); +} + const setUploadListTitles = (files = null) => { if (files == null) { return ; diff --git a/src/core/static/js/ui-logic.js b/src/core/static/js/ui-logic.js index bfb90a9..99f99d2 100644 --- a/src/core/static/js/ui-logic.js +++ b/src/core/static/js/ui-logic.js @@ -4,14 +4,6 @@ const goHome = () => { goHomeAjax(); } -const clearUlList = () => { - const titles = document.getElementById('uploadListTitles'); - const files = document.getElementById('toUpload'); - - files.value = null; - clearChildNodes(titles); -} - const downloadItem = (eve) => { let elm = active_card.querySelector('a'); elm.click(); diff --git a/src/core/templates/body-footer.html b/src/core/templates/body-footer.html index 0598e78..8ae19e3 100644 --- a/src/core/templates/body-footer.html +++ b/src/core/templates/body-footer.html @@ -11,7 +11,7 @@
  • ☆
    • -
  • +
  • {{current_directory}}
    • diff --git a/src/core/templates/layout.html b/src/core/templates/layout.html index d67c414..1129277 100644 --- a/src/core/templates/layout.html +++ b/src/core/templates/layout.html @@ -60,8 +60,8 @@
    diff --git a/src/core/templates/modals/file-modal.html b/src/core/templates/modals/file-modal.html index 77bdaa8..d88ecd6 100644 --- a/src/core/templates/modals/file-modal.html +++ b/src/core/templates/modals/file-modal.html @@ -13,7 +13,7 @@
    -