vmario
/
doodle3d-client
mirror of https://github.com/Doodle3D/doodle3d-client.git
0
0
Fork 0
Code Issues Releases Wiki Activity

- 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:
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

58
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;
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; display:none;
border-radius: 0 0 0 10px;
border: 2px solid #333; &.error {
border-width: 0 0 2px 2px; background: #EB313C;
font-weight: bold; color: #fff;
box-shadow: 0px 2px 6px 0px rgba(16, 16, 16, 0.65); }
&.warning {
color: #333; background: #E9A86E;
white-space:nowrap; }
&.notice {
display:none; background: #93CAF4;
}
&.error { &.info {
background: #EB313C; background: #97DD8A;
color: #fff; }
}
&.warning {
background: #E9A86E;
}
&.notice {
background: #93CAF4;
}
&.info {
background: #97DD8A;
}
} }

3
www/index.html
View File

@ -60,8 +60,9 @@
<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">