fix: Update feeze backdrop color
- changes based on theme
This commit is contained in:
parent
50c1cfa3fc
commit
d2bef29d2e
2 changed files with 30 additions and 43 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue