diff --git a/misc/theme-cicada/Makefile b/misc/theme-cicada/Makefile index 0bacaefee..88a7797a2 100644 --- a/misc/theme-cicada/Makefile +++ b/misc/theme-cicada/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-cicada -PLUGIN_VERSION= 1.7 +PLUGIN_VERSION= 1.8 PLUGIN_REVISION= 1 PLUGIN_COMMENT= The cicada theme - grey/orange PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss index bce7fd71d..f487a814c 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss @@ -8984,7 +8984,7 @@ main.page-content.col-lg-12 { width: 70px; background-color: #202020 !important; height: 100% !important; - border-right: 1px solid #171717; + border-right: 1px solid #171717; } } > nav > #mainmenu > div > { @@ -9076,10 +9076,17 @@ a.list-group-item.active-menu-title.collapsed { padding-left: 10px !important; font-size: 14px !important; } - &.collapse.in > div.collapse.in > a.list-group-item:hover { - text-decoration: none !important; - color: #ec6d12 !important; - background-color: #2a2a2a !important; + &.collapse { + > { + a.list-group-item, div.collapse > a.list-group-item { + padding: 3px 8px !important; + } + } + &.in > div.collapse.in > a.list-group-item:hover { + text-decoration: none !important; + color: #ec6d12 !important; + background-color: #2a2a2a !important; + } } } } @@ -9128,12 +9135,10 @@ a.list-group-item:focus { > div.collapse.in { width: 168px; font-size: 14px; - display: block; z-index: 10; position: absolute; left: 166px; - margin-top: -32px; - height: auto; + margin-top: -26px; border: 1px solid #515151; -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); @@ -9145,6 +9150,10 @@ a.list-group-item:focus { } } +/* Sub Level One */ + +/* Sub Level Two */ + button.toggle-sidebar { color: #FFF; background-color: transparent; @@ -9152,7 +9161,7 @@ button.toggle-sidebar { border: none; margin-top: 18px; float: left; - outline:none; + outline: none; } /* COLLAPSE SIDEBAR END*/ diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css index 725e8acad..5c829dcf8 100644 --- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css +++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css @@ -5948,6 +5948,11 @@ main.page-content.col-lg-12 { font-size: 14px !important; } +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { + padding: 3px 8px !important; +} + #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { text-decoration: none !important; color: #ec6d12 !important; @@ -5985,7 +5990,7 @@ main.page-content.col-lg-12 { z-index: 10; position: absolute; left: 166px; - margin-top:-32px; + margin-top:-26px; border:1px solid #515151; -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile index 6e63e80d9..fd65ec498 100644 --- a/misc/theme-tukan/Makefile +++ b/misc/theme-tukan/Makefile @@ -1,5 +1,5 @@ PLUGIN_NAME= theme-tukan -PLUGIN_VERSION= 1.6 +PLUGIN_VERSION= 1.7 PLUGIN_COMMENT= The tukan theme - blue/white PLUGIN_MAINTAINER= rene@team-rebellion.net diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss index 38780357e..200256a1e 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss @@ -9033,7 +9033,7 @@ main.page-content.col-lg-12 { width: 70px; background-color: #172c38 !important; height: 100% !important; - border-right: 1px solid #162b36; + border-right: 1px solid #162b36; } } > nav > #mainmenu > div > { @@ -9123,10 +9123,17 @@ a.list-group-item.active-menu-title.collapsed { padding-left: 10px !important; font-size: 14px !important; } - &.collapse.in > div.collapse.in > a.list-group-item:hover { - text-decoration: none !important; - color: #000 !important; - background-color: #FFF !important; + &.collapse { + > { + a.list-group-item, div.collapse > a.list-group-item { + padding: 3px 8px !important; + } + } + &.in > div.collapse.in > a.list-group-item:hover { + text-decoration: none !important; + color: #000 !important; + background-color: #FFF !important; + } } } } @@ -9174,12 +9181,10 @@ a.list-group-item:focus { > div.collapse.in { width: 168px; font-size: 14px; - display: block; z-index: 10; position: absolute; left: 166px; - margin-top: -32px; - height: auto; + margin-top: -26px; border: 1px solid #1f3a4a; -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.5); @@ -9191,6 +9196,10 @@ a.list-group-item:focus { } } +/* Sub Level One */ + +/* Sub Level Two */ + button.toggle-sidebar { color: #FFF; background-color: transparent; diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css index 34febfeb9..1180b4aa9 100644 --- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css +++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css @@ -5952,6 +5952,11 @@ main.page-content.col-lg-12 { font-size: 14px !important; } +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item, +#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item { + padding: 3px 8px !important; +} + #navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus { text-decoration: none !important; color: #000 !important; @@ -5988,7 +5993,7 @@ main.page-content.col-lg-12 { z-index: 10; position: absolute; left: 166px; - margin-top:-32px; + margin-top:-26px; border:1px solid #1f3a4a; -webkit-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50); -moz-box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.50);