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

made top-logo less wide when smaller (not visually, just cropped the tranparent whitespace). This will mainly prevent unwanted user interaction on the mobile display (eg. user tapping on logo's whitespace when intending to tap on the sidebar button)

Browse Source
This commit is contained in:
Adriaan Wormgoor 2013-10-12 15:37:07 +02:00
parent 12337f6ceb
commit 81173c1379
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
less/base_centerpanel.less
View File

@ -39,16 +39,20 @@
@media screen and (max-height: 525px) { @media screen and (max-height: 525px) {
.d3dlogo { .d3dlogo {
max-width: 399px;
top: 20%; top: 20%;
height: 57px; height: 57px;
background-image: url('../img/logo/logo_smaller_wide.png'); max-width: 307px;
background-image: url('../img/logo/logo_smaller.png');
// max-width: 399px;
// background-image: url('../img/logo/logo_smaller_wide.png');
} }
} }
@media screen and (max-height: 375px) { @media screen and (max-height: 375px) {
.d3dlogo { .d3dlogo {
max-width: 399px;
height: 40px; height: 40px;
background-image: url('../img/logo/logo_smallest_wide.png'); max-width: 216px;
background-image: url('../img/logo/logo_smallest.png');
// max-width: 399px;
// background-image: url('../img/logo/logo_smallest_wide.png');
} }
} }

6
less/mobile.less
View File

@ -12,9 +12,11 @@
} }
.d3dlogo { .d3dlogo {
top: 0; top: 0;
max-width: 399px;
height: 40px; height: 40px;
background-image: url('../img/logo/logo_smallest_wide.png'); max-width: 216px;
background-image: url('../img/logo/logo_smallest.png');
// max-width: 399px;
// background-image: url('../img/logo/logo_smallest_wide.png');
} }
.doodlecontainer { .doodlecontainer {
/* position: absolute;*/ /* position: absolute;*/