kallithea Changeset - b9e280001526

Changeset - b9e280001526

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

domruf - 8 years ago 2017-10-27 20:34:16
dominikruf@gmail.com

less: use default navbar style and only use custom style for select2 elements

2 files changed with 28 insertions and 20 deletions:

kallithea/public/less/kallithea-select2.less

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/less/kallithea-select2.less

➞

Show inline comments

 #context-bar .select2-container .select2-choice .select2-chosen,
 nav.navbar #quick .select2-container .select2-choice .select2-chosen {
   margin-right: 0;
+}
 .branch-switcher,
 .repo-switcher {
   .select2-choice {
     height: 100%;
     padding: 0;
+  }
   .select2-container,
   .select2-choice,
   .select2-choice > span {
     background: transparent !important;
     border: 0 !important;
     box-shadow: none !important;
     color: #FFFFFF !important;
+  }
   .select2-choice .select2-chosen {
     margin-right: 0;
     line-height: @line-height-computed;
+  }
   .select2-arrow {
     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;
   background-color: #577632;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
 .repo-switcher-dropdown.select2-drop.select2-drop-active {
   color: black;
   .select2-result.select2-highlighted {
     color: @navbar-inverse-link-hover-color;
     background-color: @navbar-inverse-link-hover-bg;
+}
-.repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {
+  .select2-result-label {
   color: white;
+}
+}
 /* fix padding of select2 entries in navbar to match .navbar-nav > li > a */
 .navbar-inverse {
   .navbar-nav {
     > li > .select2-container a {
       padding: @nav-link-padding;
       padding-top:    @navbar-padding-vertical;
       padding-bottom: @navbar-padding-vertical;
+    }
     li.active > .select2-container,
     .select2-container:hover,
     .select2-container:focus,
     .select2-container-active {
       color: @navbar-inverse-link-hover-color;
       background-color: @navbar-inverse-link-hover-bg;
+    }
+  }
+}

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -978,75 +978,61 @@ body table.dataTable thead .sorting_desc @@
+}
 /* undo Bootstrap chrome/webkit blue outline on focus in navbar */
 .navbar-inverse .navbar-nav > li > a:focus {
   outline: 0;
+}
 /* use same badge coloring in navbar inverse as in panel-heading */
 .navbar-inverse {
   .badge {
     color: @navbar-inverse-bg;
     background-color: @navbar-inverse-color;
+  }
+}
 /* make all datatable paginations small */
 .dataTables_paginate .pagination {
   .pagination-sm;
+}
 /* pygments style */
 div.search-code-body pre .match {
   background-color: #FAFFA6;
+}
 div.search-code-body pre .break {
   background-color: #DDE7EF;
   width: 100%;
   color: #747474;
   display: block;
+}
 div.annotatediv {
   margin-left: 2px;
   margin-right: 4px;
+}
 .code-highlight {
   border-left: 1px solid #ccc;
+}
 .code-highlight pre,
 .linenodiv pre {
   padding: 5px 2px 0px 5px;
   margin: 0;
+}
 .code-highlight pre div:target {
   background-color: #FFFFBE !important;
+}
 .linenos a { text-decoration: none; }
 /* Stylesheets for the context bar */
 .repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted,
 ul.dropdown-menu li a:focus,
 nav.navbar #quick li:hover,
 #quick_login > .pull-right .list-group-item:hover,
 #context-pages li:hover,
 nav.navbar #quick li.active,
 nav.navbar #quick li a.menu_link:focus,
 #context-pages li.active {
   background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%); /* W3C */
+}
 #quick_login > .pull-right .list-group-item {
   background-color: #577632;
   border: 0;
+}
 #content #context-pages .follow .show-following,
 #content #context-pages .following .show-follow {
   display: none;
+}
 nav.navbar #quick > li > a,
 nav.navbar #quick .select2-container .select2-choice .select2-chosen,
 #context-pages > ul > li > a,
 #context-pages .select2-container .select2-choice .select2-chosen {
   padding: 0 15px 0 15px;
   line-height: @navbar-height;
 #context-pages > ul > li > a {
   height: @navbar-height;
+}

0 comments (0 inline, 0 general)