@@ -12,15 +12,40 @@ nav.application-navigation
1212 li .application-navigation-list-item =  image_tag current_user.avatar_url, class : ' user-profile-image' alt:  ' user avatar' 
1313 li .application-navigation-list-item =  link_to current_user.github, current_user
1414 li .application-navigation-list-item =  link_to ' University' 
15+  li .application-navigation-list-item 
16+  div .dropdown 
17+  =  content_tag ' a' ' Topics' 
18+  div .dropdown-content 
19+  = link_to ' Hacktoberfest' ' /topics/hacktoberfest' 
1520 li .application-navigation-list-item =  link_to " Submit Repo" 
1621 li .application-navigation-list-item =  link_to " Sign Out" method:  :delete 
1722 -  else 
1823 li .application-navigation-list-item =  link_to ' About' 
1924 li .application-navigation-list-item =  link_to ' University' 
25+  li .application-navigation-list-item 
26+  div .dropdown 
27+  =  content_tag ' a' ' Topics' 
28+  div .dropdown-content 
29+  = link_to ' Hacktoberfest' ' /topics/hacktoberfest' 
2030 li .application-navigation-list-item =  link_to ' Log in' method:  :post 
2131 li .application-navigation-list-item =  link_to ' Sign Up' method:  :post 
2232
2333div .application-logo 
2434 =  link_to root_path
2535 span .application-logo-image 
2636 span .hide-visually  Code Triage Home
37+ 
38+ 
39+ scss  class="class":
40+ 
41+  .dropdown :hover  .dropdown-content  {
42+  display block ;
43+  }
44+  .dropdown-content  {
45+  display none ;
46+  position absolute ;
47+  background-color #f9f9f9 ;
48+  min-width 160px  ;
49+  box-shadow 0px   8px   16px   0px   rgba (0 ,0 ,0 ,0.2 );
50+  z-index 1 ;
51+  }
0 commit comments