changeset 7102:3613459fb144

less: cleanup nav-pills menu style used in settings - remove obsolete padding for li - remove style for 'li > a' that is aready set by bootstrap via .nav-pills - use usual color: inherit only for non active elements - override nav-pills-active-link-hover-color and nav-pills-active-link-hover-bg instead custom style
author domruf <dominikruf@gmail.com>
date Thu, 04 Jan 2018 21:12:34 +0100
parents 3afbca987857
children 850096e57fe8
files kallithea/public/less/kallithea-variables.less kallithea/public/less/style.less
diffstat 2 files changed, 3 insertions(+), 17 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-variables.less	Thu Jan 04 22:22:57 2018 +0100
+++ b/kallithea/public/less/kallithea-variables.less	Thu Jan 04 21:12:34 2018 +0100
@@ -23,6 +23,8 @@
 @navbar-inverse-link-active-bg:     @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-hover-bg:    @navbar-inverse-link-hover-bg;
 @navbar-inverse-toggle-border-color:@kallithea-theme-main-color;
+@nav-pills-active-link-hover-color: @navbar-inverse-color;
+@nav-pills-active-link-hover-bg:    @navbar-inverse-bg;
 @dropdown-link-color:               @navbar-inverse-color;
 @dropdown-bg:                       @navbar-inverse-bg;
 
--- a/kallithea/public/less/style.less	Thu Jan 04 22:22:57 2018 +0100
+++ b/kallithea/public/less/style.less	Thu Jan 04 21:12:34 2018 +0100
@@ -605,25 +605,9 @@
   color: #393939;
   font-weight: 700;
 }
-.panel-body.settings .nav-pills > li {
-  padding: 0 !important;
-}
-.panel-body.settings .nav-pills > li > a {
-  border-radius: 4px;
-  padding: 10px;
-  display: block;
-  position: relative;
+.panel-body.settings .nav-pills > :not(.active) > a {
   color: inherit;
 }
-.panel-body.settings > ul.nav-stacked li.active > a,
-.panel-body.settings > ul.nav-stacked li.active:hover > a {
-  color: #fff;
-  background-color: #577632;
-}
-.panel-body.settings > ul.nav-stacked li:hover > a {
-  text-decoration: none;
-  background-color: #eee;
-}
 .panel-body.settings > div,
 .panel-body.settings > form {
   float: left;