style: download items color bar; style: download items delete icon

This commit is contained in:
Roberto Tonino
2020-10-05 19:54:48 +02:00
parent 5327b2014e
commit 9e25ada875
5 changed files with 156 additions and 138 deletions

View File

@@ -14,13 +14,11 @@
left: 0;
bottom: 0;
background-color: var(--accent-color);
-webkit-transition: width 0.3s linear;
transition: width 0.3s linear;
}
.converting {
background-color: var(--secondary-color);
-webkit-transition: none !important;
transition: none !important;
}
@@ -35,7 +33,6 @@
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
@@ -47,9 +44,7 @@
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
}

View File

@@ -32,11 +32,6 @@
display: none;
}
#download_tab_label {
opacity: 1;
visibility: visible;
}
&::after {
content: attr(data-label);
display: flex;
@@ -73,72 +68,6 @@
padding: 0px 8px 0px 28px;
overflow-y: scroll;
> .download_object {
padding-bottom: 8px;
.download_info {
display: flex;
align-items: center;
img {
width: 75px;
height: 75px;
display: inline-block;
flex-shrink: 0;
}
.download_line {
display: block;
}
.download_slim_separator {
display: none;
}
}
.download_info_data {
width: 100%;
margin-left: 8px;
}
.download_info_status {
margin-left: 8px;
width: 80px;
}
}
&.slim {
> .download_object {
.download_info {
display: block;
img {
display: none;
}
.download_line {
display: inline-block;
}
.download_slim_separator {
display: inline-block;
}
}
.download_info_data {
width: calc(80% - 16px);
display: inline-block;
padding-left: 0px;
}
.download_info_status {
width: 20%;
display: inline-block; // ignored due tu float
float: right;
}
}
}
&::-webkit-scrollbar {
width: 10px;
}
@@ -155,23 +84,6 @@
}
}
.download_object {
> .download_bar {
display: flex;
align-items: center;
height: 24px;
> .queue_icon {
cursor: default;
margin-left: 8px;
}
> .progress {
margin: 0px;
}
}
}
#download_tab_container {
#queue_buttons {
position: absolute;
@@ -181,12 +93,6 @@
visibility: visible;
transition: all 250ms ease-in-out;
}
#download_tab_label {
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
}
}
#download_tab_drag_handler {