From 8a146f59d5ef190612b3a52684c3d0e9d22961dc Mon Sep 17 00:00:00 2001 From: Roberto Tonino Date: Sun, 26 Apr 2020 19:33:09 +0200 Subject: [PATCH] implemented download tab resizable (width), with minimum and maximum values and storing of actual value --- public/css/modules/download-tab.css | 23 ++- public/index.html | 98 +++++++--- public/js/app.js | 9 +- public/js/modules/downloads.js | 108 +++++++--- public/js/modules/link-analyzer-tab.js | 48 ++--- public/js/modules/search.js | 10 +- public/js/modules/tabs.js | 10 +- public/js/modules/track-preview.js | 137 ++++++------- public/js/modules/utils.js | 261 ++++++++++++++++++++++++- 9 files changed, 531 insertions(+), 173 deletions(-) diff --git a/public/css/modules/download-tab.css b/public/css/modules/download-tab.css index d35d2ab..df9d80b 100644 --- a/public/css/modules/download-tab.css +++ b/public/css/modules/download-tab.css @@ -1,16 +1,17 @@ #download_tab_container { - width: 300px; + /* width: 300px; */ height: 100%; background-color: var(--panels-background); color: var(--panels-text); display: block; flex-direction: column; - transition: all 250ms ease-in-out; + /* transition: all 250ms ease-in-out; */ } #toggle_download_tab { width: 25px; height: 25px; + margin-left: 20px; } #toggle_download_tab::before { @@ -134,7 +135,7 @@ } #download_tab_container #download_list { - width: 300px; + /* width: 300px; */ } #download_tab_container #download_tab_label { @@ -143,11 +144,27 @@ transition: all 250ms ease-in-out; } +#download_tab_drag_handler { + width: 15px; + height: 100%; + position: absolute; + background-color: #333; + cursor: ew-resize; +} + /* ===== Hidden tab styles ===== */ #download_tab_container.tab_hidden { width: 32px; } +#download_tab_container.tab_hidden #toggle_download_tab { + margin-left: 4px; +} + +#download_tab_container.tab_hidden #download_tab_drag_handler { + display: none; +} + #download_tab_container.tab_hidden #toggle_download_tab::before { font-family: 'Material Icons'; font-style: normal; diff --git a/public/index.html b/public/index.html index a700eb5..3d3fb4e 100644 --- a/public/index.html +++ b/public/index.html @@ -16,10 +16,10 @@