From 2be3ac7f99d1732172b70e35dcb035f2932b7cda Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Fri, 23 May 2014 15:58:15 +0100 Subject: [PATCH 1/9] Improve mobile design --- css/glowingbear.css | 20 +++++--------------- 1 file changed, 5 insertions(+), 15 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 5597458..718caa8 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -372,11 +372,9 @@ h2 span, h2 small { color: #C7C7C7; } - .bufferline { - display: inline-block; - padding-top: 4px; - padding-bottom: 3px; - line-height: 15px; + #bufferlines table { + border-collapse: separate; + border-spacing: 2px 2px; } #sidebar { @@ -440,14 +438,14 @@ h2 span, h2 small { } #bufferlines td.time { - display: inline; - padding-right: 0; + padding-right: 6px; } #bufferlines td.prefix { display: inline; padding-right: 0; border: 0; + font-weight: bold; } #bufferlines td.message { @@ -455,14 +453,6 @@ h2 span, h2 small { display: inline; } - #bufferlines td.prefix:before { - content: "<"; - } - - #bufferlines td.prefix:after { - content: ">"; - } - .footer { padding-left: 0px !important; padding-right: 0px !important; From b21e788ab280fc07fef9572e8d0cfc8addbf747b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Fri, 23 May 2014 16:09:39 +0100 Subject: [PATCH 2/9] Adjust to actual mobile devices, not small browser windows --- css/glowingbear.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 718caa8..79647e6 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -374,7 +374,7 @@ h2 span, h2 small { #bufferlines table { border-collapse: separate; - border-spacing: 2px 2px; + border-spacing: 2px 4px; } #sidebar { @@ -438,7 +438,7 @@ h2 span, h2 small { } #bufferlines td.time { - padding-right: 6px; + padding-right: 4px; } #bufferlines td.prefix { @@ -453,6 +453,12 @@ h2 span, h2 small { display: inline; } + /* they're practically invisible otherwise */ + .repeated-time .cof-chat_time, + .repeated-time .cof-chat_time_delimiters { + color: #444; + } + .footer { padding-left: 0px !important; padding-right: 0px !important; From f69a1ce3c4b2c0bc70b5bb64a7f857cd52adb722 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Sun, 25 May 2014 09:37:42 +0100 Subject: [PATCH 3/9] Fix scrolling on landing page (mobile) --- css/glowingbear.css | 5 ++++- index.html | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 79647e6..b0c665a 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -2,11 +2,14 @@ html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ - overflow:hidden; color: #ddd; background-color: #181818; } +.no-overflow { + overflow: hidden; +} + .horizontal-line { -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; diff --git a/index.html b/index.html index c90bf1c..7a093e0 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,7 @@ - +

logo From ce2a4e89da216ea515b49ea391c53827280825ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Tue, 27 May 2014 16:18:25 +0100 Subject: [PATCH 4/9] Show timestamps on mobile by default This is overriden by the setting --- js/glowingbear.js | 1 - 1 file changed, 1 deletion(-) diff --git a/js/glowingbear.js b/js/glowingbear.js index 79b5051..79bf521 100644 --- a/js/glowingbear.js +++ b/js/glowingbear.js @@ -793,7 +793,6 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout', if ($rootScope.isMobileUi()) { nonicklist = true; noembed = true; - notimestamp = true; $rootScope.wasMobileUi = true; } From f374bebc4e5d768c3047376c0cbb01bdadcb7a47 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Wed, 28 May 2014 20:03:17 +0100 Subject: [PATCH 5/9] Turn notimestamp into a positive setting (showtimestamp) --- index.html | 6 +++--- js/glowingbear.js | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 7a093e0..ae19a80 100644 --- a/index.html +++ b/index.html @@ -231,7 +231,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel

- +
@@ -290,8 +290,8 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
diff --git a/js/glowingbear.js b/js/glowingbear.js index 79bf521..4e58b83 100644 --- a/js/glowingbear.js +++ b/js/glowingbear.js @@ -786,7 +786,7 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout', // We use 968 px as the cutoff, which should match the value in glowingbear.css var nonicklist = false; var noembed = false; - var notimestamp = false; + var showtimestamp = true; $rootScope.wasMobileUi = false; @@ -810,8 +810,8 @@ weechat.controller('WeechatCtrl', ['$rootScope', '$scope', '$store', '$timeout', $store.bind($scope, "orderbyserver", false); // Save setting for updating favicon $store.bind($scope, "useFavico", true); - // Save setting for notimestamp - $store.bind($scope, "notimestamp", notimestamp); + // Save setting for showtimestamp + $store.bind($scope, "showtimestamp", showtimestamp); // Save setting for playing sound on notification $store.bind($scope, "soundnotification", false); From c4ad663f5690c7f02d2d71b6681bfc64097e9081 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Tue, 27 May 2014 16:31:04 +0100 Subject: [PATCH 6/9] Fix colours on mobile @creesch introduced this change, but I'm not sure why --- css/glowingbear.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index b0c665a..d1c418a 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -371,10 +371,6 @@ h2 span, h2 small { /* Mobile layout */ /* */ @media (max-width: 968px) { - .message span { - color: #C7C7C7; - } - #bufferlines table { border-collapse: separate; border-spacing: 2px 4px; From beb640493dd1cbe4253cc6def53ddb52febbdd10 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Wed, 28 May 2014 20:33:57 +0100 Subject: [PATCH 7/9] Make timestamps smaller and all the same colour on mobile Different colours on mobile don't really work: either they're too similar to distinguish (and then it just looks strange), or they're too dark to be visible. --- css/glowingbear.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index d1c418a..72fa6d1 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -373,7 +373,7 @@ h2 span, h2 small { @media (max-width: 968px) { #bufferlines table { border-collapse: separate; - border-spacing: 2px 4px; + border-spacing: 2px 6px; } #sidebar { @@ -437,7 +437,13 @@ h2 span, h2 small { } #bufferlines td.time { - padding-right: 4px; + padding-right: 3px; + font-size: 12px; + } + + #bufferlines td.time span.date { + display: block; + margin-top: -2px; } #bufferlines td.prefix { @@ -452,10 +458,10 @@ h2 span, h2 small { display: inline; } - /* they're practically invisible otherwise */ + /* a different colour is too irregular on mobile */ .repeated-time .cof-chat_time, .repeated-time .cof-chat_time_delimiters { - color: #444; + color: #999; } .footer { From f5dde0163be9e89d07122cbbef44a236fea00ae9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Wed, 4 Jun 2014 13:47:15 +0100 Subject: [PATCH 8/9] Sans-serif on mobile, smaller margins, bigger nicks @torhve: smaller margins! just click merge right now? ;) --- css/glowingbear.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index 72fa6d1..bd9f907 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -371,9 +371,14 @@ h2 span, h2 small { /* Mobile layout */ /* */ @media (max-width: 968px) { + .monospace { + /* readability on mobile +9001% */ + font-family: sans-serif; + } + #bufferlines table { border-collapse: separate; - border-spacing: 2px 6px; + border-spacing: 2px 3px; } #sidebar { @@ -451,6 +456,7 @@ h2 span, h2 small { padding-right: 0; border: 0; font-weight: bold; + font-size: 15px; } #bufferlines td.message { From ffde1422e02c5889e7bb63136211e680ce657bf9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?= Date: Sat, 7 Jun 2014 19:49:55 +0100 Subject: [PATCH 9/9] Fix highlighting of channel upon selection in mobile firefox --- css/glowingbear.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/css/glowingbear.css b/css/glowingbear.css index bd9f907..50391c8 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -242,9 +242,15 @@ input[type=text], input[type=password], #sendMessage, .badge { .nav-pills > li > a:hover, .nav-pills > li > a:hover span { color: #222; } +/* fix for mobile firefox which ignores :hover */ +.nav-pills > li > a:active, .nav-pills > li > a:active span { + text-decoration: none; + background-color: #eee; + color: #222; +} .content { - height: 100%; - min-height: 100%; + height: 100%; + min-height: 100%; } .monospace {