diff options
author | Mark Haines <mark.haines@matrix.org> | 2014-11-04 15:57:23 +0000 |
---|---|---|
committer | Mark Haines <mark.haines@matrix.org> | 2014-11-04 15:57:23 +0000 |
commit | 89ba802b23bf1fd22afbc5e9a4b3b732264e3c18 (patch) | |
tree | 34b7803cf8dfb570165c1b1c6f674dc5ca4476c7 /syweb/webclient/mobile.css | |
parent | Merge pull request #11 from matrix-org/webclient-room-data-restructure (diff) | |
download | synapse-89ba802b23bf1fd22afbc5e9a4b3b732264e3c18.tar.xz |
Move webclient to a python module so that it can be installed
Diffstat (limited to 'syweb/webclient/mobile.css')
-rw-r--r-- | syweb/webclient/mobile.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/syweb/webclient/mobile.css b/syweb/webclient/mobile.css new file mode 100644 index 0000000000..6fa9221ccf --- /dev/null +++ b/syweb/webclient/mobile.css @@ -0,0 +1,95 @@ +/*** Mobile voodoo ***/ +@media all and (max-device-width: 640px) { + + #messageTableWrapper { + margin-right: 0px ! important; + } + + .leftBlock { + width: 8em ! important; + font-size: 8px ! important; + } + + .rightBlock { + width: 0px ! important; + display: none ! important; + } + + .avatar { + width: 36px ! important; + } + + #header { + background-color: transparent; + } + + #headerContent { + padding-right: 5px; + } + + #headerContent button { + font-size: 8px; + } + + #messageTable, + #wrapper, + #controls { + max-width: 640px ! important; + } + + #headerUserId, + #roomHeader img, + #userIdCell, + #roomRecentsTableWrapper, + #usersTableWrapper, + .extraControls { + display: none; + } + + #buttonsCell { + width: 60px ! important; + padding-left: 20px ! important; + } + + #roomLogo { + display: none; + } + + .bubble { + font-size: 12px ! important; + min-height: 20px ! important; + } + + #roomHeader { + padding-top: 10px; + } + + #roomName { + font-size: 12px ! important; + margin-top: 0px ! important; + } + + .roomTopicSection { + display: none; + } + + #roomPage { + top: 40px ! important; + left: 5px ! important; + right: 5px ! important; + bottom: 70px ! important; + } + + #controlPanel { + height: 70px; + } + + /* stop zoom on select */ + select:focus, + textarea, + input + { + font-size: 16px ! important; + } + +} |