style: download items color bar; style: download items delete icon
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user