mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-21 16:06:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 26

Merge pull request #2718 from lpagliari/develop

Browse source 
Fix toolbar and chat positioning on mobile devices
This commit is contained in:
John McLear 2015-07-03 23:12:02 +01:00
commit 25db7d995f
1 changed files with 17 additions and 6 deletions
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 { #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;
@ -1098,7 +1109,7 @@ input[type=checkbox] {
vertical-align:top !important; vertical-align:top !important;
} }
#chaticon { #chaticon {
position:absolute; position:fixed;
right:48px; right:48px;
} }
.popup { .popup {
@ -1127,7 +1138,7 @@ input[type=checkbox] {
line-height: 24px line-height: 24px
} }
#chatbox{ #chatbox{
position:absolute; position:fixed;
bottom:33px !important; bottom:33px !important;
margin: 65px 0 0 0; margin: 65px 0 0 0;
} }