From 54c165b66722e701005af1a89c292cc7b1ded8fa Mon Sep 17 00:00:00 2001 From: ccd0 Date: Sun, 3 Apr 2016 15:46:46 -0700 Subject: [PATCH] Detect autohiding scrollbar and shift header menu. #647 --- src/General/Config.coffee | 2 ++ src/General/Main.coffee | 6 ++++++ src/css/style.css | 3 +++ 3 files changed, 11 insertions(+) diff --git a/src/General/Config.coffee b/src/General/Config.coffee index 84264ae95..29093c12b 100644 --- a/src/General/Config.coffee +++ b/src/General/Config.coffee @@ -1022,3 +1022,5 @@ Config = replyPruning: 'Prune Replies': true 'Max Replies': 1000 + + 'Autohiding Scrollbar': false diff --git a/src/General/Main.coffee b/src/General/Main.coffee index 049c01010..7fee91438 100644 --- a/src/General/Main.coffee +++ b/src/General/Main.coffee @@ -184,6 +184,12 @@ Main = $.addClass doc, if g.VIEW is 'thread' then 'thread-view' else g.VIEW $.addClass doc, $.engine if $.engine $.onExists doc, '.ad-cnt', (ad) -> $.onExists ad, 'img', -> $.addClass doc, 'ads-loaded' + $.addClass doc, 'autohiding-scrollbar' if Conf['Autohiding Scrollbar'] + $.ready -> + if d.body.clientHeight > doc.clientHeight and (window.innerWidth is doc.clientWidth) isnt Conf['Autohiding Scrollbar'] + Conf['Autohiding Scrollbar'] = !Conf['Autohiding Scrollbar'] + $.set 'Autohiding Scrollbar', Conf['Autohiding Scrollbar'] + $.toggleClass doc, 'autohiding-scrollbar' $.addStyle Main.css, 'fourchanx-css' Main.bgColorStyle = $.el 'style', id: 'fourchanx-bgcolor-css' diff --git a/src/css/style.css b/src/css/style.css index 117b97216..85c22c951 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -305,6 +305,9 @@ audio.controls-added { #shortcuts { float: right; } +:root.autohiding-scrollbar #shortcuts { + margin-right: 12px; +} .shortcut { margin-left: 3px; vertical-align: middle;