mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-24 18:17:56 +01:00
- change Message z-index to overlap over Doodle3D logo
- change Message position in DOM so that the Message box is fully visible in the mobile view
This commit is contained in:
parent
5f15b9945c
commit
7003aefe66
@ -1,31 +1,33 @@
|
||||
#message {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
||||
padding: 0.4em 0.5em;
|
||||
border-radius: 0 0 0 10px;
|
||||
border: 2px solid #333;
|
||||
border-width: 0 0 2px 2px;
|
||||
font-weight: bold;
|
||||
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
|
||||
|
||||
color: #333;
|
||||
white-space:nowrap;
|
||||
|
||||
z-index: 5;
|
||||
|
||||
padding: 0.4em 0.5em;
|
||||
border-radius: 0 0 0 10px;
|
||||
border: 2px solid #333;
|
||||
border-width: 0 0 2px 2px;
|
||||
font-weight: bold;
|
||||
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
|
||||
|
||||
color: #333;
|
||||
white-space:nowrap;
|
||||
|
||||
display:none;
|
||||
|
||||
&.error {
|
||||
background: #EB313C;
|
||||
color: #fff;
|
||||
}
|
||||
&.warning {
|
||||
background: #E9A86E;
|
||||
}
|
||||
&.notice {
|
||||
background: #93CAF4;
|
||||
}
|
||||
&.info {
|
||||
background: #97DD8A;
|
||||
}
|
||||
display:none;
|
||||
|
||||
&.error {
|
||||
background: #EB313C;
|
||||
color: #fff;
|
||||
}
|
||||
&.warning {
|
||||
background: #E9A86E;
|
||||
}
|
||||
&.notice {
|
||||
background: #93CAF4;
|
||||
}
|
||||
&.info {
|
||||
background: #97DD8A;
|
||||
}
|
||||
}
|
@ -60,8 +60,9 @@
|
||||
<img class="btnInfo btn" src="img/buttons/btnInfo.png">
|
||||
</div>
|
||||
|
||||
<div id="message"></div>
|
||||
</div>
|
||||
|
||||
<div id="message"></div>
|
||||
|
||||
<!-- center panel -->
|
||||
<div class="centerpanel">
|
||||
|
Loading…
Reference in New Issue
Block a user