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

Merge pull request #2718 from lpagliari/develop 

Fix toolbar and chat positioning on mobile devices
This commit is contained in:
John McLear 2015-07-03 23:12:02 +01:00
parent 193b5a07ef 47c4ca9c29
commit 25db7d995f
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
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;
@ -1098,7 +1109,7 @@ input[type=checkbox] {
vertical-align:top !important;
}
#chaticon {
position:absolute;
position:fixed;
right:48px;
}
.popup {
@ -1127,7 +1138,7 @@ input[type=checkbox] {
line-height: 24px
}
#chatbox{
position:absolute;
position:fixed;
bottom:33px !important;
margin: 65px 0 0 0;
}