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

@@ @@ -2,30 +2,32 @@ @@
 @kallithea-theme-main-color:        #577632;
 @kallithea-theme-inverse-color:     #FFF;
 /* logo */
 @kallithea-logo-url:                "../images/kallithea-logo.svg";
 @kallithea-logo-width:              140px;
 @kallithea-logo-height:             30px;
 @kallithea-logo-bottom:             4px;
 /* bootstrap override */
 @brand-primary:                     @kallithea-theme-main-color;
 @link-hover-color:                  darken(@kallithea-theme-main-color, 20.0%);
 @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

@@ @@ -584,67 +584,51 @@ table#permissions_manage span.private_re @@
 table#permissions_manage td.private_repo_msg {
   font-size: 0.8em;
+}
 table#permissions_manage tr#add_perm_input td {
   vertical-align: middle;
+}
 div.gravatar {
   float: left;
   background-color: #FFF;
   margin-right: 0.7em;
   padding: 1px 1px 1px 1px;
   line-height: 0;
   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;
+}
 .panel-body.no-padding ~ .panel-body {
   padding-top: 15px;
+}
 .panel-body > :last-child {
   margin-bottom: 0;
+}
 .panel-body.settings .text-muted {
   margin: 5px 0;
+}
 ins,
 div.options a:hover {
   text-decoration: none;

0 comments (0 inline, 0 general)