mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-04-20 23:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #1633 from ether/mobile-msg-css

Browse source 
better mobile support for gritter messages, before it was awful
This commit is contained in:
John McLear 2013-03-19 18:17:31 -07:00
commit d40a64893c
3 changed files with 39 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/static/css/pad.css
View file

@ -828,7 +828,44 @@ input[type=checkbox] {
padding: 4px 1px padding: 4px 1px
} }
} }
@media screen and (max-width: 400px){ @media all and (max-width: 400px){
#gritter-notice-wrapper{
max-height:172px;
overflow:hidden;
width:100% !important;
background-color: #ccc;
bottom:20px;
left:0px;
right:0px;
color:#000;
}
.gritter-close {
display:block !important;
left: auto !important;
right:5px;
}
#gritter-notice-wrapper.bottom-right{
left:0px !important;
bottom:30px !important;
right:0px !important;
}
.gritter-item p{
color:black;
font-size:16px;
}
.gritter-title{
text-shadow: none !important;
color:black;
}
.gritter-item{
padding:2px 11px 8px 4px;
}
.gritter-item-wrapper{
margin:0;
}
.gritter-item-wrapper > div{
background: none;
}
#editorcontainer { #editorcontainer {
top: 68px; top: 68px;
} }

2
src/static/js/gritter.js
View file

@ -21,8 +21,6 @@
$.gritter.options = { $.gritter.options = {
position: '', position: '',
class_name: '', // could be set to 'gritter-light' to use white notifications class_name: '', // could be set to 'gritter-light' to use white notifications
fade_in_speed: 'medium', // how fast notifications fade in
fade_out_speed: 1000, // how fast the notices fade out
time: 6000 // hang on the screen for... time: 6000 // hang on the screen for...
} }

3
src/static/js/pad.js
View file

@ -365,8 +365,7 @@ function handshake()
$.extend($.gritter.options, { $.extend($.gritter.options, {
position: 'bottom-right', // defaults to 'top-right' but can be 'bottom-left', 'bottom-right', 'top-left', 'top-right' (added in 1.7.1) position: 'bottom-right', // defaults to 'top-right' but can be 'bottom-left', 'bottom-right', 'top-left', 'top-right' (added in 1.7.1)
fade_in_speed: 'medium', // how fast notifications fade in (string or int) fade: false, // dont fade, too jerky on mobile
fade_out_speed: 2000, // how fast the notices fade out
time: 6000 // hang on the screen for... time: 6000 // hang on the screen for...
}); });