kallithea Changeset - 3613459fb144

Changeset - 3613459fb144

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

domruf - 8 years ago 2018-01-04 21:12:34
dominikruf@gmail.com

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

2 files changed with 3 insertions and 17 deletions:

kallithea/public/less/kallithea-variables.less

kallithea/public/less/style.less

0 comments (0 inline, 0 general)

kallithea/public/less/kallithea-variables.less

➞

Show inline comments

@@ @@ -14,18 +14,20 @@ @@
 @btn-default-bg:                    #E7E7E7;
 @font-family-monospace:             Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 @navbar-height:                     44px;
 @navbar-padding-vertical:           12px;
 @navbar-inverse-color:              @kallithea-theme-inverse-color;
 @navbar-inverse-bg:                 @kallithea-theme-main-color;
 @navbar-inverse-border:             @kallithea-theme-main-color;
 @navbar-inverse-link-color:         @kallithea-theme-inverse-color;
 @navbar-inverse-link-hover-bg:      tint(@kallithea-theme-main-color, 15.0%);
 @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;
 /* custom variables */
 @highlight-color:                   #FAFFA6;
 @highlight-line-color:              #DDE7EF;

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -596,43 +596,27 @@ div.gravatar { @@
   border-radius: 3px;
+}
 div.gravatar img {
   border-radius: 2px;
+}
 .panel-body.settings > ul.nav-stacked {
   float: left;
   width: 150px;
   padding-right: 35px;
   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;
   width: 750px;
   margin: 0;
+}
 .panel-body.no-padding {
   padding: 0;
+}
 .panel-body ~ .panel-body {
   padding-top: 0;
+}

0 comments (0 inline, 0 general)