mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-05-04 22:27:10 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Optimized pad for mobile devices.

Browse source
This commit is contained in:
0ip 2011-11-26 17:24:44 +01:00
parent c27c21959f
commit 953e781de2
1 changed files with 81 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

86
static/css/pad.css
View file

@ -473,11 +473,11 @@ table#otheruserstable { display: none; }
height: 100px; height: 100px;
} }
.modaldialog.cboxreconnecting { .modaldialog.cboxreconnecting {
background: #fed; background: #8FCDE0;
} }
.modaldialog.cboxconnecting, .modaldialog.cboxconnecting,
.modaldialog.cboxdisconnected { .modaldialog.cboxdisconnected {
background: #fdd; background: #8FCDE0;
} }
.cboxdisconnected #connectionboxinner div { display: none; } .cboxdisconnected #connectionboxinner div { display: none; }
.cboxdisconnected_userdup #connectionboxinner #disconnected_userdup { display: block; } .cboxdisconnected_userdup #connectionboxinner #disconnected_userdup { display: block; }
@ -1146,8 +1146,84 @@ width:33px !important;
color: #999; color: #999;
} }
@media screen and (max-width: 600px) { label[for=readonlyinput] {
#editbar ul li { margin: 0 10px 0 2px;
padding: 4px 1px; }
@media screen and (max-width: 960px) {
.modaldialog {
position: relative;
margin: 0 auto;
width: 80%;
top: 40px;
left: 0;
}
}
@media screen and (max-width: 600px) {
#editbar ul li {
padding: 4px 1px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
#chaticon {
opacity: .8;
}
#users {
right: none;
left: 30px;
}
#mycolorpicker {
right: 0;
top: 70px;
left: 0 !important;
}
#embed, #readonly, #importexport {
width: 80%;
right: 0;
left: 30px;
}
#embedinput, #readonlyInput, #linkinput {
display: block;
width: 90%;
}
#importexport {
height: auto !important;
}
#importexportline {
display: none;
}
#import, #export {
position: initial;
display: block;
}
#editorcontainer {
margin-bottom: 33px;
}
#editbar ul#menu_right {
float: left;
}
#editbar ul#menu_left {
background: #f7f7f7;
background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -o-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
width: 100%;
overflow: hidden;
height: 32px;
position: fixed;
bottom: 0;
border-top: 1px solid #ccc;
}
#editbar ul#menu_left > li {
margin-top: 2px;
}
#chaticon, #chatbox {
bottom: 33px;
right: 0;
border-right: none;
border-top-right-radius: 0;
} }
} }