fix(themes): update navbar style

This commit is contained in:
qingwei.li 2017-02-12 12:51:38 +08:00
commit 4864d1b26f

View file

@ -87,8 +87,6 @@ nav {
} }
a { a {
margin: 0 1em;
padding: 5px 0;
font-size: 16px; font-size: 16px;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
@ -108,34 +106,37 @@ nav {
li { li {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin: 0 1em;
padding: 5px 0;
ul { ul {
border-radius: 2px; display: none;
background-color: rgba($color-bg, .6); box-sizing: border-box;
border-width: 1px; max-height: calc(100vh - 61px);
border-style: solid; overflow-y: scroll;
border-color: var(--theme-color, $color-primary);
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute; position: absolute;
right: 1em; top: 100%;
top: 26px; right: -15px;
transform-origin: 100% 0%; background-color: #fff;
transform: scale(1, 0); padding: 10px 0;
transition: opacity .4s ease-out, transform .2s ease; border: 1px solid #ddd;
transition-delay: .3s; border-bottom-color: #ccc;
text-align: left;
border-radius: 4px;
white-space: nowrap;
li { li {
display: block; display: block;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
padding: 4px 10px; margin: 8px 14px;
white-space: nowrap; white-space: nowrap;
line-height: 1em;
} }
a { a {
display: block; display: block;
font-size: inherit;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -146,10 +147,7 @@ nav {
} }
&:hover ul { &:hover ul {
opacity: 1; display: block;
transform: scale(1, 1);
transition: opacity .4s ease, transform .2s ease-out;
transition-delay: 0;
} }
} }
} }