libre-service.eu/pad.libre-service.eu-etherpad
libre-service.eu/pad.libre-service.eu-etherpad
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-02-08 03:02:03 +01:00
Code Issues Projects Releases Wiki Activity

Fixing toolbar on top of the page for mobile devices

Browse source
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 { #editorcontainer {
margin-bottom: 33px margin-bottom: 33px
} }
.toolbar ul.menu_left { /* cancel non-mobile border (will be defined on ".toolbar ul.menu_left" bellow) */
right:0px; .toolbar {
border-bottom: 0;
} }
.toolbar ul.menu_right { .toolbar ul {
background: #f7f7f7; background: #f7f7f7;
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%); background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -moz-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: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: linear-gradient(#f7f7f7, #f1f1f1 80%); background: linear-gradient(#f7f7f7, #f1f1f1 80%);
width: 100%; width: 100%;
right:0px !important;
overflow: hidden; 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; height: 32px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;