Implement responsive design

See https://mibew.org/forums/index.php/topic,191515.msg199759.html for details
This commit is contained in:
Fedor A. Fetisov 2018-01-23 17:45:48 +03:00
parent 9d2c4404c0
commit 95c55aa931
2 changed files with 12 additions and 2 deletions

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: 500px; min-width: auto;
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 {
width: 400px; max-width: 100%;
margin: 0 auto; margin: 0 auto;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@ -387,6 +387,7 @@ 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) */
@ -559,3 +560,10 @@ ul li {
float: none; float: none;
display: inline-block; display: inline-block;
} }
.username {
width: 100%;
}
#logo img {
max-width: 100%;
}

View File

@ -21,6 +21,8 @@ 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 {