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

View file

@ -828,7 +828,44 @@ input[type=checkbox] {
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 {
top: 68px;
}