From 5cc95adf3d70091d35408100c04624fb8a30413c Mon Sep 17 00:00:00 2001
From: Francois Ferrand <thetypz@gmail.com>
Date: Tue, 24 Feb 2015 16:31:18 +0100
Subject: Tweak to limit flickering when Chosen replaces the SELECT fields.

---
 assets/css/app.css       | 9 +++++++++
 assets/css/src/base.css  | 5 +++++
 assets/css/src/board.css | 4 ++++
 3 files changed, 18 insertions(+)

(limited to 'assets/css')

diff --git a/assets/css/app.css b/assets/css/app.css
index 7969bca5..5de5b2a1 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -57,6 +57,11 @@ hr {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
+
+#board-selector,
+.chosen-select {
+    min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */
+}
 /* links */
 a {
     color: #3366CC;
@@ -735,6 +740,10 @@ nav .active a {
     font-size: 0.95em;
 }
 
+#more-filters {
+    display: none; /* Hide this filter initially, to avoid re-layout */
+}
+
 /* public board */
 .public-board {
     margin-top: 5px;
diff --git a/assets/css/src/base.css b/assets/css/src/base.css
index a8c7d73e..d92df612 100644
--- a/assets/css/src/base.css
+++ b/assets/css/src/base.css
@@ -41,3 +41,8 @@ hr {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
+
+#board-selector,
+.chosen-select {
+    min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */
+}
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 6d7d8dd4..a1aa268d 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -3,6 +3,10 @@
     font-size: 0.95em;
 }
 
+#more-filters {
+    display: none; /* Hide this filter initially, to avoid re-layout */
+}
+
 /* public board */
 .public-board {
     margin-top: 5px;
-- 
cgit v1.2.3