Modify design according to the design team
This commit is contained in:
parent
c81bac1a4c
commit
3d4d1d32d9
6 changed files with 154 additions and 89 deletions
|
@ -9,6 +9,34 @@
|
|||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
&.mx_ExportDialog_Exporting .mx_ExportDialog_options {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.mx_ExportDialog_progress {
|
||||
.mx_Dialog_buttons {
|
||||
margin-top: unset;
|
||||
margin-left: 18px;
|
||||
}
|
||||
.mx_ExportDialog_spinner {
|
||||
animation: mx_rotate 2s linear infinite;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
& .mx_ExportDialog_spinner_path {
|
||||
stroke: #0dbd8b;
|
||||
stroke-linecap: round;
|
||||
animation: mx_dash 1.5s ease-in-out infinite;
|
||||
}
|
||||
}
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mx_RadioButton > .mx_RadioButton_content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
|
@ -22,3 +50,24 @@
|
|||
padding: 9px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes mx_rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes mx_dash {
|
||||
0% {
|
||||
stroke-dasharray: 1, 150;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -35;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 90, 150;
|
||||
stroke-dashoffset: -124;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue