libretic
/
etherpad-lite
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing toolbar on top of the page for mobile devices

This commit is contained in:
Luiza Pagliari 2015-07-02 13:03:45 -07:00
parent 193b5a07ef
commit 9ccaeb585b
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/static/css/pad.css
View File

@ -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;