vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-06-28 21:51:22 +02:00
Code Issues Releases Wiki Activity

modified styles w.r.t. mobile screen

Browse Source 
- sidebar buttons not at top
- doodle area larger
- preview manipulation buttons smaller
This commit is contained in:
Adriaan Wormgoor 2013-10-16 16:12:30 +02:00
parent b32f6d8c61
commit 1df94100f3
3 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/styles.css
View File

@ -634,19 +634,22 @@ SETTINGS POPUP
background-image: url('../img/logo/logo_smallest.png'); background-image: url('../img/logo/logo_smallest.png');
} }
.doodlecontainer { .drawareacontainer {
/* position: absolute; /* position: absolute;
*/ */
height: 85%; height: 70%;
} }
/*.bottompanel { .bottompanel {
height: 10%;
display: none; }
.bottompanel .manipulationBtns {
margin: 2px -27;
right: 22%;
width: 38%;
} }
*/
/* /*
LEFT LEFT
*/ */
@ -729,7 +732,7 @@ height: 85%;
*/ */
/* margin-top: -20px; /* margin-top: -20px;
*/ */
top: 0px; /*float: right; top: 40px; /*float: right;
*/ */
width: 25px; width: 25px;
height: 38px; height: 38px;

2
css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
less/mobile.less
View File

@ -18,13 +18,19 @@
// max-width: 399px; // max-width: 399px;
// background-image: url('../img/logo/logo_smallest_wide.png'); // background-image: url('../img/logo/logo_smallest_wide.png');
} }
.doodlecontainer { .drawareacontainer {
/* position: absolute;*/ /* position: absolute;*/
height: 85%; height: 70%;
}
.bottompanel {
height: 10%;
.manipulationBtns {
margin: 2px -27;
right: 22%;
width: 38%;
}
} }
/*.bottompanel {
display: none;
}*/
/* /*
LEFT LEFT
@ -87,7 +93,7 @@
position:absolute; position:absolute;
/* top: 50%;*/ /* top: 50%;*/
/* margin-top: -20px;*/ /* margin-top: -20px;*/
top: 0px; top: 40px;
/*float:right;*/ /*float:right;*/
width: 25px; width: 25px;
height: 38px; height: 38px;