vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2025-06-11 09:23:17 +02:00
Code Issues Releases Wiki Activity

vertical shapes sidebar now auto-resizes as well

Browse Source
This commit is contained in:
Adriaan Wormgoor
2013-10-12 12:13:33 +02:00
parent 613be4e619
commit 8311fdd9c1
5 changed files with 83 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
less/verticalshapes.less
View File

@ -1,20 +1,22 @@
#verticalShapes {
position:absolute;
right: -56px;
right: 0;
bottom: 15px;
margin-right: -8.5%;
width: 8%;
.verticalshape {
width: 50px;
height: 50px;
>div {
border: 2px solid #333;
border-radius: 0px 5px 5px 0px;
margin-top: 4px;
/*background-color: #f0f;*/
background-color: #fff;
cursor: pointer;
&.straight { background: url('../img/vertical_shape_icons/straight.png') no-repeat; }
&.diverging { background: url('../img/vertical_shape_icons/diverging.png') no-repeat; }
&.converging { background: url('../img/vertical_shape_icons/converging.png') no-repeat; }
&.sinus { background: url('../img/vertical_shape_icons/sinus.png') no-repeat; }
img.verticalshape {
width: 100%;
max-width: 50px;
height: auto;
vertical-align: bottom;
}
}
}