X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=less%2Froojs-bootstrap%2Fsidebar-nav.less;h=38a2ac412cbda8db9b21fe2f97cdbfd0c0441ee2;hb=06633a6bb9c089952cb598846dae6666727037e7;hp=150257ca966324b872205d39a17c75ecda38db19;hpb=07d4a4218c540d9dbf8d57f85e7f20a0ea9efa84;p=roojs1 diff --git a/less/roojs-bootstrap/sidebar-nav.less b/less/roojs-bootstrap/sidebar-nav.less index 150257ca96..38a2ac412c 100644 --- a/less/roojs-bootstrap/sidebar-nav.less +++ b/less/roojs-bootstrap/sidebar-nav.less @@ -19,12 +19,12 @@ { margin: 0; padding: 0; - border-bottom: 1px solid @gray-lighter-80; + border-bottom: 1px solid @gray-light; background-color: @gray-lighter; } /* active child menu - white BG */ .sidebar .sidebar-menu li.active li.treeview-menu { - background-color: @gray-lighter-86-5; + background-color: @gray-light; } .sidebar .sidebar-menu > li > a , @@ -48,7 +48,7 @@ .sidebar .sidebar-menu li.active li.treeview-menu:focus, .sidebar .sidebar-menu li.active li.treeview-menu:active { - background-color: @white; + background-color: @body-bg; } @@ -66,7 +66,7 @@ /* BLUE ACTIVE */ .sidebar .sidebar-menu li.active { - color: @white; + color: @body-bg; background-color: @brand-primary; //#337ab7; border-color: darken(@brand-primary, 10%); //#2e6da4; } @@ -75,29 +75,29 @@ .sidebar .sidebar-menu li.active:focus, .sidebar .sidebar-menu li.active.focus { - color: @white; + color: @body-bg; background-color: @brand-primary; //#204d74; border-color: darken(@brand-primary, 10%); //#122b40; } .sidebar .sidebar-menu li.active a { - color: @white; + color: @body-bg; } .sidebar .sidebar-menu li.disabled { color: @gray-dark; - background-color: @white; + background-color: @body-bg; border-color: @gray-dark; } .sidebar .sidebar-menu li.disabled a { - color: @gray-lighter-80; + color: @gray-light; cursor: default; } .sidebar .sidebar-menu li.danger, .sidebar .sidebar-menu li.danger.active { - color: @white; + color: @body-bg; background-color: @brand-danger; border-color: lighten(@brand-danger, 10%); } @@ -106,7 +106,7 @@ .sidebar .sidebar-menu li.danger:focus, .sidebar .sidebar-menu li.danger.active:focus { - color: @white; + color: @body-bg; background-color: @brand-danger; border-color: darken(@brand-danger, 10%); border-bottom: 1px solid darken(@brand-danger, 10%); @@ -114,7 +114,7 @@ .sidebar .sidebar-menu li.danger a, .sidebar .sidebar-menu li.danger.active a{ - color: @white; + color: @body-bg; } /* --- open */ @@ -124,6 +124,7 @@ .sidebar .sidebar-menu li.open .treeview-menu { display: block; + width:120%; } /* --- treeview menu */ @@ -163,35 +164,35 @@ .badge-default { background-color: @gray-light; - color: @white; + color: @body-bg; } .badge-primary { - background-color: #337ab7; - color: #fff; + background-color: @brand-primary; + color: @body-bg; } .badge-success { - background-color: #5cb85c; - color: #fff; + background-color: @brand-success; + color: @body-bg; } .badge-info { - background-color: #5bc0de; - color: #fff; + background-color: @brand-info; + color: @body-bg; } .badge-warning { - background-color: #f0ad4e; - color: #fff; + background-color: @brand-warning; + color: @body-bg; } .badge-danger { - background-color: #d9534f; - color: #fff; + background-color: @brand-danger; + color: @body-bg; } .sidebar .sidebar-menu > li.active .badge-info { - background-color: #fff; - color: #5bc0de; + background-color: @body-bg; + color: @brand-info; } \ No newline at end of file