fuwafuwa
/
etherpad-lite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

better mobile support for gritter messages, before it was awful

This commit is contained in:
John McLear 2013-03-17 01:23:31 +00:00
parent f0dee2d2ce
commit 693b9b9b94
4 changed files with 40 additions and 6 deletions
Show Stats 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;
} }

1
src/static/js/chat.js
View File

@ -155,7 +155,6 @@ var chat = (function()
title: authorName, title: authorName,
// (string | mandatory) the text inside the notification // (string | mandatory) the text inside the notification
text: text, text: text,
// (bool | optional) if you want it to fade out on its own or just sit there // (bool | optional) if you want it to fade out on its own or just sit there
sticky: false, sticky: false,
// (int | optional) the time you want it to be alive for before fading out // (int | optional) the time you want it to be alive for before fading out

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...
} }

4
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...
}); });
@ -615,6 +614,7 @@ var pad = {
}, },
handleClientMessage: function(msg) handleClientMessage: function(msg)
{ {
console.log("as");
if (msg.type == 'suggestUserName') if (msg.type == 'suggestUserName')
{ {
if (msg.unnamedId == pad.myUserInfo.userId && msg.newName && !pad.myUserInfo.name) if (msg.unnamedId == pad.myUserInfo.userId && msg.newName && !pad.myUserInfo.name)