changeset 7079:a0da4cb92760

less: clean up select2 style - make select2 as big as form-controls - move border: 0 to new .select2-container block
author domruf <dominikruf@gmail.com>
date Sun, 29 Oct 2017 23:27:19 +0100
parents 0b18670d5864
children b374803eafb6
files kallithea/public/less/kallithea-select2.less
diffstat 1 files changed, 15 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-select2.less	Sat Oct 28 19:08:54 2017 +0200
+++ b/kallithea/public/less/kallithea-select2.less	Sun Oct 29 23:27:19 2017 +0100
@@ -20,10 +20,6 @@
     display: none !important;
   }
 }
-.select2-container.form-control {
-  padding: 0;
-  border: none;
-}
 .branch-switcher-dropdown.select2-drop.select2-drop-active,
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
   box-shadow: none;
@@ -60,6 +56,21 @@
   }
 }
 
+.select2-container {
+  /* select2 already has border and padding, remove bootstrap form-control border and padding */
+  &.form-control {
+    border: 0;
+    padding: 0;
+  }
+  /* make select2 as big as form-controls */
+  .select2-choice {
+    height: 100%;
+  }
+  .select2-chosen {
+    line-height: @input-height-base - 2; /* subtract border width */
+  }
+}
+
 /* highlight query in user autocomplete search results */
 .select2-results .match {
   font-weight: 700;