Fixing toolbar on top of the page for mobile devices
parent
193b5a07ef
commit
9ccaeb585b
|
@ -1059,10 +1059,11 @@ input[type=checkbox] {
|
|||
#editorcontainer {
|
||||
margin-bottom: 33px
|
||||
}
|
||||
.toolbar ul.menu_left {
|
||||
right:0px;
|
||||
/* cancel non-mobile border (will be defined on ".toolbar ul.menu_left" bellow) */
|
||||
.toolbar {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.toolbar ul.menu_right {
|
||||
.toolbar ul {
|
||||
background: #f7f7f7;
|
||||
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
|
||||
background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
|
||||
|
@ -1070,8 +1071,18 @@ input[type=checkbox] {
|
|||
background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
|
||||
background: linear-gradient(#f7f7f7, #f1f1f1 80%);
|
||||
width: 100%;
|
||||
right:0px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.toolbar ul.menu_left {
|
||||
right:0px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
padding-top: 4px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
z-index: 10;
|
||||
}
|
||||
.toolbar ul.menu_right {
|
||||
right:0px !important;
|
||||
height: 32px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
|
Loading…
Reference in New Issue