From 9b755be7fd64b007e034a4c622b689701af080ba Mon Sep 17 00:00:00 2001 From: Lorenz H-S Date: Sat, 14 Dec 2013 22:35:10 +0000 Subject: [PATCH] Improve mobile layout * more densely packed channel switching buttons (increased their size to better match android design guidelines) * disable zooming * disable scrolling to the side --- css/glowingbear.css | 28 +++++++++++++++++++--------- index.html | 4 ++-- 2 files changed, 21 insertions(+), 11 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index b423cf9..1ee0026 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -76,6 +76,7 @@ td.prefix { } td.message { word-wrap: break-word; + word-break: break-word; vertical-align: top; width: 100%; padding-left: 5px; @@ -87,15 +88,6 @@ hr { .text { white-space: pre-wrap; } -/* Lastly, apply responsive CSS fixes as necessary */ -@media (max-width: 767px) { - #footer { - margin-left: -20px; - margin-right: -20px; - padding-left: 20px; - padding-right: 20px; - } -} body { color: #ddd; @@ -268,6 +260,7 @@ input[type=text], input[type=password], .badge { } #bufferlines { padding-bottom: 38px; /* navbar fixed bottom */ + top: 10px; } .navbar-fixed-bottom { margin: 0; @@ -294,6 +287,23 @@ input[type=text], input[type=password], .badge { #bufferlines td.prefix:after { content: ">"; } + .nav li.bufferfilter { + margin-top: 2px; + height: 47px; + } + .nav li form, .nav li form input { + height: 100%; + } + .nav-stacked li { + float: left; + } + .nav-stacked li a { + min-width: 80px; + padding: 15px; + } + .hide-mobile { + display: none; + } } .color-light-green { color: chartreuse; diff --git a/index.html b/index.html index 649669f..1d132f4 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + @@ -262,7 +262,7 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel - {{ content.indentedName(predicate) }}{{ content.fullName }} + {{ content.indentedName(predicate) }}{{ content.shortName }}{{ content.fullName }}