haeaeae/duplicati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move up style rules for better cascading order

Browse Source
This commit is contained in:
Suguru Hirahara
2024-08-13 11:28:41 -04:00
parent a2da178054
commit bbeaa49d47
1 changed files with 51 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Duplicati/Server/webroot/ngax/less/base.less
+51 -50
View File
@@ -1303,6 +1303,57 @@ body {
}
}
/* TODO: merge these blocks with below */
div.add,
div.restore {
--legends-width: 700px;
--legends-padding-left: calc(calc(700px - var(--legends-width)) / 2);
--circle-width: 43px;
--step-width: calc(var(--legends-width) / var(--legends-steps));
.steps {
margin-left: calc(calc(calc(var(--step-width) - var(--circle-width)) / 2) + var(--legends-padding-left));
.step {
padding-left: calc(var(--step-width) - var(--circle-width));
padding-right: 0;
&:first-child {
padding-inline: 0;
}
}
}
.steps-legend {
padding-left: var(--legends-padding-left);
li {
width: var(--step-width);
}
}
}
div.add {
--legends-steps: 5;
}
div.restore {
--legends-steps: 2;
&.restore-direct {
--legends-steps: 4;
.step:first-child {
padding-left: 0;
background: transparent;
}
.steps-legend {
padding-left: 20px;
}
}
}
div.add,
div.restore {
.steps {
@@ -1713,56 +1764,6 @@ body {
}
}
div.add,
div.restore {
--legends-width: 700px;
--legends-padding-left: calc(calc(700px - var(--legends-width)) / 2);
--circle-width: 43px;
--step-width: calc(var(--legends-width) / var(--legends-steps));
.steps {
margin-left: calc(calc(calc(var(--step-width) - var(--circle-width)) / 2) + var(--legends-padding-left));
.step {
padding-left: calc(var(--step-width) - var(--circle-width));
padding-right: 0;
&:first-child {
padding-inline: 0;
}
}
}
.steps-legend {
padding-left: var(--legends-padding-left);
li {
width: var(--step-width);
}
}
}
div.add {
--legends-steps: 5;
}
div.restore {
--legends-steps: 2;
&.restore-direct {
--legends-steps: 4;
.step:first-child {
padding-left: 0;
background: transparent;
}
.steps-legend {
padding-left: 20px;
}
}
}
div.headerthreedotmenu {
margin: 20px 0 20px 0;