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 {
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;
}
}

3
www/index.html
View File

@ -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">