diff --git a/.gitignore b/.gitignore
index cc23b2c..f380ae0 100755
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,7 @@ bower_components
tmp
dist
.env
+public/index.html.bak
+public/index_chinese/index.html.bak
+public/standards/index.html.bak
+public/team/index.html.bak
diff --git a/app/styles/components/navbar.scss b/app/styles/components/navbar.scss
index 66443a7..39c0f98 100755
--- a/app/styles/components/navbar.scss
+++ b/app/styles/components/navbar.scss
@@ -1,12 +1,13 @@
.section--nav {
padding: 1rem;
+ z-index:100;
}
.nav {
display: flex;
justify-content: space-between;
- align-items: center;
+ align-items: flex-start;
&__left {
margin: 0;
@@ -57,12 +58,68 @@
}
}
}
+
+ &__dropdown {
+
+ &__list {
+ padding-top:8px;
+ margin:0;
+ padding-bottom:8px;
+ position:absolute;
+ text-align:right;
+ list-style:none;
+ display:flex;
+ flex-direction: column;
+ padding-left:4.121rem;
+
+ }
+
+ &__list {
+ display:none;
+ }
+
+ &:hover &__list, &__list:hover{
+ display:block;
+ }
+
+ &__item {
+ position:relative;
+ line-height: 30px;
+ font-size: 1.125rem;
+ color: $c-black;
+ cursor: pointer;
+ transition: color $transition-speed;
+
+ &:hover {
+ color: $c-blue;
+ display: block;
+ }
+
+ &.active {
+ position: relative;
+ color: $c-blue;
+
+ &::before {
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: -0.5rem;
+ width: 65%;
+ height: 1px;
+ background-color: $c-blue;
+ content: '';
+ }
+ }
+ }
+ }
+
}
@media screen and (max-width: $screen-tablet) {
.section--nav {
padding-right: 2rem;
+ //z-index:100;
}
}
@@ -70,5 +127,6 @@
@media screen and (max-width: $screen-mobile) {
.section--nav {
padding-right: 1.25rem;
+ //z-index:100;
}
}
diff --git a/public/index.html b/public/index.html
old mode 100755
new mode 100644
index c8b754b..0c56a16
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,6 @@
+
@@ -11,9 +12,11 @@
-
-
-
+
+
+
@@ -21,9 +24,10 @@
-
+
-
+
@@ -32,7 +36,7 @@
-
+
+