Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-14 00:38:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve nav/tab

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-01-25 17:47:42 +01:00
parent 510fc002b7
commit 5dbfa1bed7
5 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
nav.css
View File

@ -103,10 +103,7 @@ label[for="nav-trigger"] {
margin-top: 5px; margin-top: 5px;
display: block; display: block;
background: #fff; background: #fff;
border: 1px solid #b7b7b7; border: 1px solid #b7b7b7; }
-moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
box-shadow: inset 0px 1px 0px 0px #fff; }
.nav-top > li { .nav-top > li {
-moz-box-shadow: inset 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
@ -124,8 +121,15 @@ label[for="nav-trigger"] {
position: relative; position: relative;
cursor: pointer; } cursor: pointer; }
.nav-top li:hover { .nav-top li:hover {
-moz-box-shadow: inset 0px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 0px 1px 0px 0px #FFC06E;
box-shadow: inset 0px 1px 0px 0px #FFC06E;
background: #FBA026; background: #FBA026;
color: #252525; } color: #252525; }
.nav-top li:hover:first-child {
-moz-box-shadow: inset 1px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 1px 1px 0px 0px #FFC06E;
box-shadow: inset 1px 1px 0px 0px #FFC06E; }
.nav-top li:hover > ul { .nav-top li:hover > ul {
display: block; display: block;
opacity: 1; opacity: 1;

8
nav.scss
View File

@ -143,8 +143,6 @@ label[for="nav-trigger"] {
background: #fff; background: #fff;
border: 1px solid $content-border-color; border: 1px solid $content-border-color;
@include box-shadow-top(#fff);
> li { > li {
@include box-shadow-top(#fff); @include box-shadow-top(#fff);
@ -165,6 +163,12 @@ label[for="nav-trigger"] {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@include box-shadow-top(#FFC06E);
&:first-child {
@include box-shadow-out(#FFC06E);
}
background: $default-highlighter; background: $default-highlighter;
color: #252525; color: #252525;

15
styles.css
View File

@ -4458,10 +4458,7 @@ label[for="nav-trigger"] {
margin-top: 5px; margin-top: 5px;
display: block; display: block;
background: #fff; background: #fff;
border: 1px solid #b7b7b7; border: 1px solid #b7b7b7; }
-moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
box-shadow: inset 0px 1px 0px 0px #fff; }
.nav-top > li { .nav-top > li {
-moz-box-shadow: inset 0px 1px 0px 0px #fff; -moz-box-shadow: inset 0px 1px 0px 0px #fff;
-webkit-box-shadow: inset 0px 1px 0px 0px #fff; -webkit-box-shadow: inset 0px 1px 0px 0px #fff;
@ -4479,8 +4476,15 @@ label[for="nav-trigger"] {
position: relative; position: relative;
cursor: pointer; } cursor: pointer; }
.nav-top li:hover { .nav-top li:hover {
-moz-box-shadow: inset 0px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 0px 1px 0px 0px #FFC06E;
box-shadow: inset 0px 1px 0px 0px #FFC06E;
background: #FBA026; background: #FBA026;
color: #252525; } color: #252525; }
.nav-top li:hover:first-child {
-moz-box-shadow: inset 1px 1px 0px 0px #FFC06E;
-webkit-box-shadow: inset 1px 1px 0px 0px #FFC06E;
box-shadow: inset 1px 1px 0px 0px #FFC06E; }
.nav-top li:hover > ul { .nav-top li:hover > ul {
display: block; display: block;
opacity: 1; opacity: 1;
@ -4932,7 +4936,8 @@ section > h2 {
border-top: 1px solid #b7b7b7; } border-top: 1px solid #b7b7b7; }
.tab-2 .tab-links label { .tab-2 .tab-links label {
padding: 5px 10px 5px 10px; } padding: 5px 10px 5px 10px;
border: 1px solid transparent; }
.tab-2 .tab-links li { .tab-2 .tab-links li {
margin: 0 5px 15px 0; } margin: 0 5px 15px 0; }
.tab-2 .tab-links .active a, .tab-2 .tab-links .active label { .tab-2 .tab-links .active a, .tab-2 .tab-links .active label {

3
tab.css
View File

@ -77,7 +77,8 @@
border-top: 1px solid #b7b7b7; } border-top: 1px solid #b7b7b7; }
.tab-2 .tab-links label { .tab-2 .tab-links label {
padding: 5px 10px 5px 10px; } padding: 5px 10px 5px 10px;
border: 1px solid transparent; }
.tab-2 .tab-links li { .tab-2 .tab-links li {
margin: 0 5px 15px 0; } margin: 0 5px 15px 0; }
.tab-2 .tab-links .active a, .tab-2 .tab-links .active label { .tab-2 .tab-links .active a, .tab-2 .tab-links .active label {

1
tab.scss
View File

@ -103,6 +103,7 @@
.tab-links { .tab-links {
label { label {
padding: 5px 10px 5px 10px; padding: 5px 10px 5px 10px;
border: 1px solid transparent; // fixes jumping text for active and non-active labels
} }
li { li {