mobile stylings for chat always on screen
parent
470b0ba2a6
commit
1c044588e6
|
@ -1014,12 +1014,16 @@ input[type=checkbox] {
|
||||||
top: 72px !important;
|
top: 72px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Mobile devices */
|
||||||
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
|
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
|
||||||
#users {
|
#users {
|
||||||
top: auto;
|
top: auto;
|
||||||
right:0px !important;
|
right:0px !important;
|
||||||
bottom: 33px;
|
bottom: 33px;
|
||||||
border-radius: 0px !important;
|
border-radius: 0px !important;
|
||||||
|
height: 55px !important;
|
||||||
|
overflow: auto;
|
||||||
}
|
}
|
||||||
#mycolorpicker {
|
#mycolorpicker {
|
||||||
left: -73px;
|
left: -73px;
|
||||||
|
@ -1099,7 +1103,8 @@ input[type=checkbox] {
|
||||||
}
|
}
|
||||||
#chatbox{
|
#chatbox{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
bottom:33px;
|
bottom:33px !important;
|
||||||
|
margin: 65px 0 0 0;
|
||||||
}
|
}
|
||||||
#gritter-notice-wrapper{
|
#gritter-notice-wrapper{
|
||||||
bottom:43px !important;
|
bottom:43px !important;
|
||||||
|
|
Loading…
Reference in New Issue