From 8137ece450fb16e07c47e1955516d1a6c705ccaa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Sat, 14 Apr 2018 18:16:03 -0400 Subject: [PATCH] Make sidebar logo scroll with networks, wrap logos in div element --- client/css/style.css | 22 ++++++++++++++++------ client/index.html.tpl | 14 +++++++++----- 2 files changed, 25 insertions(+), 11 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 618c218e..a3e704b9 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -501,6 +501,18 @@ kbd { width: 220px; } +#sidebar .scrollable-area { + overflow-x: auto; + flex-grow: 1; + touch-action: pan-y; + overscroll-behavior: contain; + -webkit-overflow-scrolling: touch; +} + +#sidebar .logo-container { + text-align: center; +} + #sidebar .logo, #sidebar .logo-inverted { height: 45px; @@ -559,12 +571,6 @@ background on hover (unless active) */ #sidebar .networks { padding-top: 5px; - touch-action: pan-y; - overscroll-behavior: contain; - -webkit-overflow-scrolling: touch; - flex-grow: 1; - overflow: auto; - overflow-x: hidden; } #sidebar .networks:empty { @@ -2278,6 +2284,10 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ opacity: 0; } + #sidebar .logo-container { + margin-top: 5px; + } + #sidebar button, #sidebar .chan, #sidebar .empty, diff --git a/client/index.html.tpl b/client/index.html.tpl index ad8497d0..945ed817 100644 --- a/client/index.html.tpl +++ b/client/index.html.tpl @@ -50,11 +50,15 @@ " data-transports="<%- JSON.stringify(transports) %>">