vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-11-24 18:17:56 +01:00
Code Issues Releases Wiki Activity

- change Message z-index to overlap over Doodle3D logo

Browse Source 
- change Message position in DOM so that the Message box is fully visible in the mobile view
This commit is contained in:
Adriaan Wormgoor 2013-10-29 14:43:48 +01:00
parent 5f15b9945c
commit 7003aefe66
2 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
less/message.less
View File

@ -1,31 +1,33 @@
#message { #message {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 0.4em 0.5em; padding: 0.4em 0.5em;
border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;
border: 2px solid #333; border: 2px solid #333;
border-width: 0 0 2px 2px; border-width: 0 0 2px 2px;
font-weight: bold; font-weight: bold;
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65);
color: #333; color: #333;
white-space:nowrap; white-space:nowrap;
display:none; z-index: 5;
&.error { display:none;
background: #EB313C;
color: #fff; &.error {
} background: #EB313C;
&.warning { color: #fff;
background: #E9A86E; }
} &.warning {
&.notice { background: #E9A86E;
background: #93CAF4; }
} &.notice {
&.info { background: #93CAF4;
background: #97DD8A; }
} &.info {
background: #97DD8A;
}
} }

3
www/index.html
View File

@ -60,9 +60,10 @@
<img class="btnInfo btn" src="img/buttons/btnInfo.png"> <img class="btnInfo btn" src="img/buttons/btnInfo.png">
</div> </div>
<div id="message"></div>
</div> </div>
<div id="message"></div>
<!-- center panel --> <!-- center panel -->
<div class="centerpanel"> <div class="centerpanel">
<div class="logopanel"> <div class="logopanel">