Mobile view based on window width, drop terrible user agent detection

And improved responsive CSS
This commit is contained in:
djmaze 2021-02-16 14:40:11 +01:00
parent 33214c1a33
commit 292f3289ac
28 changed files with 49 additions and 336 deletions

View file

@ -149,25 +149,20 @@ html:not(.rl-left-panel-disabled) #rl-left.resizable > .resizer,
bottom: 0;
background: rgba(0, 0, 0, .4);
z-index: 10;
text-align: center;
.backdrop-message-wrp {
position: absolute;
top: calc(~'50% - 50px');
left: 0;
right: 0;
text-align: center;
.backdrop-message {
display: inline-block;
color: white;
font-size: 20px;
line-height: 30px;
background: rgba(0, 0, 0, .6);
padding: 15px;
border-radius: 5px;
text-shadow: 0 1px 1px #000;
}
.backdrop-message {
position: relative;
display: inline-block;
color: white;
font-size: 20px;
line-height: 30px;
background: rgba(0, 0, 0, .6);
padding: 15px;
border-radius: 5px;
text-shadow: 0 1px 1px #000;
transform: translateY(-50%);
top: 50%;
}
}
}