Add backup attachment restore idle state
This commit is contained in:
parent
56ccd02232
commit
8601baa7f5
13 changed files with 122 additions and 17 deletions
|
@ -4,7 +4,6 @@
|
|||
.BackupMediaDownloadProgress {
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 11px;
|
||||
padding-inline-end: 16px;
|
||||
|
@ -26,6 +25,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.BackupMediaDownloadProgress__icon {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.BackupMediaDownloadProgress__icon--complete {
|
||||
&::after {
|
||||
content: '';
|
||||
|
@ -46,6 +49,27 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.BackupMediaDownloadProgress__icon--idle {
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
@include light-theme {
|
||||
@include color-svg(
|
||||
'../images/icons/v3/backup/backup-bold.svg',
|
||||
$color-ultramarine
|
||||
);
|
||||
}
|
||||
@include dark-theme {
|
||||
@include color-svg(
|
||||
'../images/icons/v3/backup/backup-bold.svg',
|
||||
$color-ultramarine-light
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
button.BackupMediaDownloadProgress__button {
|
||||
@include button-reset;
|
||||
@include font-subtitle-bold;
|
||||
|
@ -86,7 +110,7 @@ button.BackupMediaDownloadProgress__button-close {
|
|||
width: 20px;
|
||||
height: 20px;
|
||||
@include light-theme {
|
||||
@include color-svg('../images/icons/v3/x/x.svg', $color-gray-75);
|
||||
@include color-svg('../images/icons/v3/x/x.svg', $color-gray-45);
|
||||
}
|
||||
@include dark-theme {
|
||||
@include color-svg('../images/icons/v3/x/x.svg', $color-gray-20);
|
||||
|
@ -102,7 +126,7 @@ button.BackupMediaDownloadProgress__button-close {
|
|||
min-height: 36px;
|
||||
}
|
||||
|
||||
.BackupMediaDownloadProgress__progressbar-hint {
|
||||
.BackupMediaDownloadProgress__description {
|
||||
@include font-subtitle;
|
||||
|
||||
@include light-theme {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue