Mibew/mibew
1
0
Fork 0
mirror of https://github.com/Mibew/mibew.git synced 2025-02-24 15:24:33 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Restrict responsive design by media query

Browse Source
This commit is contained in:
Fedor A. Fetisov 2018-01-24 18:18:57 +03:00
parent 95c55aa931
commit 2581119295
2 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/mibew/styles/chats/default/chat.css
View File

@ -26,7 +26,7 @@ body {
font-size: 11px; font-size: 11px;
font-family: Tahoma, sans-serif; font-family: Tahoma, sans-serif;
line-height: 1; line-height: 1;
min-width: auto; min-width: 500px;
background-color: #f1f2f2; background-color: #f1f2f2;
} }
body.rtl { body.rtl {
@ -83,7 +83,7 @@ img {
background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0; background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0;
} }
#footer { #footer {
max-width: 100%; width: 400px;
margin: 0 auto; margin: 0 auto;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@ -387,7 +387,6 @@ a:hover .image-close-window {
/* leavy message */ /* leavy message */
#message-leave { #message-leave {
resize: none; resize: none;
width: 100%;
} }
/* error page (error.tpl) */ /* error page (error.tpl) */
@ -561,9 +560,21 @@ ul li {
display: inline-block; display: inline-block;
} }
/* responsive design for mobile devices */
@media only screen and (max-width: 500px) {
body {
min-width: auto;
}
#footer {
max-width: 100%;
}
#message-leave {
width: 100%;
}
.username { .username {
width: 100%; width: 100%;
} }
#logo img { #logo img {
max-width: 100%; max-width: 100%;
} }
}

10
src/mibew/styles/chats/default/iframe.css
View File

@ -21,8 +21,6 @@ div.mibew-chat-wrapper {
position: fixed !important; position: fixed !important;
bottom: 5px !important; bottom: 5px !important;
right: 5px !important; right: 5px !important;
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important;
} }
iframe.mibew-chat-frame { iframe.mibew-chat-frame {
@ -75,3 +73,11 @@ div.mibew-chat-frame-toggle-off {
bottom: 5px !important; bottom: 5px !important;
background: #ffffff url("images/default-logo-short.png") scroll no-repeat 4px 5px; background: #ffffff url("images/default-logo-short.png") scroll no-repeat 4px 5px;
} }
/* responsive design for mobile devices */
@media only screen and (max-width: 500px) {
div.mibew-chat-wrapper {
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important;
}
}