fix: Update feeze backdrop color

- changes based on theme
This commit is contained in:
Suraj Shetty 2020-12-18 20:16:25 +05:30
parent 50c1cfa3fc
commit d2bef29d2e
2 changed files with 30 additions and 43 deletions

View file

@ -152,49 +152,6 @@ a.badge-hover& {
vertical-align: middle;
}
.full-center-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.full-center {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
#freeze {
z-index: 1020;
bottom: 0;
opacity: 0;
background-color: @light-bg;
.freeze-message-container {
.full-center-container;
}
.freeze-message {
.full-center;
text-align: center;
color: @text-color !important;
}
}
#freeze.dark {
// same as modal backdrop;
background-color: #334143;
}
#freeze.in {
opacity: 0.5;
}
a.no-decoration& {
text-decoration: none;
color: inherit;

View file

@ -442,4 +442,34 @@ kbd {
margin-right: var(--margin-sm);
}
}
}
// freeze backdrop text
#freeze {
z-index: 1020;
bottom: 0;
opacity: 0;
background-color: var(--bg-color);
.freeze-message-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: grid;
place-content: center;
}
.freeze-message {
color: var(--text-color) !important;
}
}
#freeze.dark {
background-color: var(--gray-900);
}
#freeze.in {
opacity: 0.5;
}