pi-hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2024-12-06 19:36:21 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Sidebar: same effect for hover and focus (all themes).

Browse Source 
Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
This commit is contained in:
rdwebdesign
2021-11-03 00:50:52 -03:00
parent 675a1a6206
commit c36e08dbcc
3 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/themes/default-dark.css
+5 -6
View File
@@ -95,9 +95,11 @@ h4 {
border-left: 3px solid transparent;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li > a:focus,
.sidebar-menu > li.active > a {
color: #fff;
background-color: #22272a;
border-color: #3c8dbc;
}
.sidebar-menu > li > .treeview-menu {
margin: 0 1px;
@@ -113,13 +115,10 @@ h4 {
color: #949fa8;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover {
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
color: #fff;
}
.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
color: #FFF;
border-color: #bec5cb;
}
.sidebar-form {
border-radius: 3px;
border: 1px solid #3e464c;
@@ -280,7 +279,7 @@ h4 {
color: #bec5cb;
}
.nav-tabs-custom > .nav-tabs > li > a:focus {
background: #353c42;
background: #404850;
}
.list-group {
color: #bec5cb;
style/themes/default-darker.css
+4 -5
View File
@@ -5744,9 +5744,10 @@ hr {
background-color: rgb(21, 27, 30);
}
.sidebar-menu > li > a {
border-left-color: transparent;
border-left: 3px solid transparent;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li > a:focus,
.sidebar-menu > li.active > a {
color: rgb(232, 230, 227);
background-color: rgb(24, 32, 35);
@@ -5765,12 +5766,10 @@ hr {
color: rgb(170, 162, 151);
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover {
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
color: rgb(232, 230, 227);
}
.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
color: #FFF;
}
.sidebar-form {
border-color: rgb(118, 109, 97);
style/themes/default-light.css
+3 -5
View File
@@ -71,6 +71,7 @@
border-left: 3px solid transparent;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li > a:focus,
.sidebar-menu > li.active > a {
color: #fff;
background-color: #1e282c;
@@ -90,7 +91,8 @@
color: #8aa4af;
}
.treeview-menu > li.active > a,
.treeview-menu > li > a:hover {
.treeview-menu > li > a:hover,
.treeview-menu > li > a:focus {
color: #fff;
}
.sidebar-form {
@@ -128,10 +130,6 @@
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.sidebar-menu > li > a:focus, .treeview-menu > li > a:focus {
color: #FFF;
border-color: #b8c7ce;
}
.nav-tabs-custom > .nav-tabs > li > a:focus {
color: #60a4cc;
}