evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

implemented download tab resizable (width), with minimum and maximum values and storing of actual value

Browse Source
This commit is contained in:
Roberto Tonino
2020-04-26 19:33:09 +02:00
parent 22476f50b5
commit 8a146f59d5
9 changed files with 531 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/modules/download-tab.css
View File

@@ -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;