changeset 6529:a2f4ed129881

style: use Bootstrap-ish nav-pills markup for settings menu Based on work by Dominik Ruf.
author Mads Kiilerich <mads@kiilerich.com>
date Wed, 01 Mar 2017 03:53:15 +0100
parents 51caa592b8f0
children 85a1ffa5d96a
files kallithea/public/css/style.css
diffstat 1 files changed, 18 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/css/style.css	Wed Mar 01 03:53:06 2017 +0100
+++ b/kallithea/public/css/style.css	Wed Mar 01 03:53:15 2017 +0100
@@ -2909,12 +2909,27 @@
     font-weight: 700;
 }
 
-.panel-body.settings > ul.nav-stacked a {
+.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;
     color: inherit;
 }
 
-.panel-body.settings > ul.nav-stacked li.active {
-    list-style-type: disc
+.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,