mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

Make tools sticky on screen's left edge

Browse Source 
So that the drawing canvas can expend full height
This commit is contained in:
Vince
2013-06-13 13:57:03 +02:00
parent f4de6acd2f
commit b89409f82e
3 changed files with 42 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
css/style.css
View File

@@ -12,10 +12,10 @@ body {
text-align: center;
font-size: 0;
position: absolute;
left: 0;
top: 104px;
left: 104px;
top: 10px;
right: 0;
bottom: 0;
bottom: 10px;
}
.left-column {
@@ -35,19 +35,27 @@ body {
font-size: 0;
}
.top-section {
position: absolute;
bottom: 100%;
min-width: 400px;
margin-bottom: 5px;
}
.right-column {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.sticky-section {
display: table;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 140px;
}
.sticky-section .wrap {
display: table-cell;
vertical-align: middle;
}
/**
* Canvases layout