Made the custom header working

sanchita-dixit · Feb 17, 2016 · ab2ce42 · ab2ce42
1 parent 9642db9
commit ab2ce42
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 22 deletions.
diff --git a/makefile b/makefile
@@ -23,7 +23,7 @@ export: pull publish
 	ssh -o "StrictHostKeyChecking no" ${DEST_HOST} ${REMOVE_COMMAND}
 	rsync -avz --progress ${SRC} ${DEST_HOST}":"${DEST_DIR}
 
-stage: pull publish
+stage: 	publish
 	ssh -o "StrictHostKeyChecking no" ${DEST_HOST_STAGE} ${REMOVE_COMMAND}
 	rsync -avz --progress ${SRC} ${DEST_HOST_STAGE}":"${DEST_DIR}
 
diff --git a/src/header.html b/src/header.html
@@ -38,52 +38,52 @@
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav">
 <!--        <li><a href="#">Link</a></li> -->
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <li class="c-dropdown">
+          <a href="#">
             Getting Started
           </a>
-          <ul class="dropdown-menu">
+          <ul class="c-dropdown-menu">
             <li><a href="/getting-started/about.html">About</a></li>
           </ul>
         </li>
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <li class="c-dropdown">
+          <a href="#">
             Platform
           </a>
-          <ul class="dropdown-menu">
+          <ul class="c-dropdown-menu">
             <li><a href="/platform/ads.html">Auto Deployment</a></li>
             <li><a href="/platform/experiment-as-a-service.html">Experiment as a Service</a></li>
             <li><a href="/platform/dataservice.html">Dataservice</a></li>
             <li><a href="/platform/openedx.html">Open edX platform</a></li>
           </ul>
         </li>
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <li class="c-dropdown">
+          <a href="#">
             Labs
           </a>
-          <ul class="dropdown-menu">
+          <ul class="c-dropdown-menu">
             <li><a href="/labs/lab-development.html">Development</a></li>
             <li><a href="/labs/definition-of-levels.html">Lab Structure</a></li>
             <li><a href="/labs/integration-process.html">Integration</a></li>
           </ul>
         </li>
-        <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+        <li class="c-dropdown">
+          <a href="#">
             Community
           </a>
-          <ul class="dropdown-menu">
+          <ul class="c-dropdown-menu">
             <li><a href="/community/development-process.html">Processes</a></li>
             <li><a href="/community/licensing.html">Licensing</a></li>
             <li><a href="/community/github.html">GitHub Repositories</a></li>
             <li><a href="/community/technologies.html">Contributing</a></li>
             <li><a href="/community/communication.html">Channels</a></li>
           </ul>
         </li>
-          <li class="dropdown">
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+          <li class="c-dropdown">
+          <a href="#">
             Ideas Page
           </a>
-          <ul class="dropdown-menu">
+          <ul class="c-dropdown-menu">
             <li><a href="/ideas-page/ideas.html">List of Ideas</a></li>
           </ul>
        </li>

diff --git a/src/style/css/index.css b/src/style/css/index.css
@@ -30,9 +30,12 @@ body{
 .bottom-nav{
     border-top: solid 5px #202020;
     margin-top:75px;
-    background:#404040; 
+    background:#404040;
+    max-height: 56px;
+}
+.c-dropdown-menu{
+    display: none;
 }
-
 .bottom-nav .navbar-nav > li > a{
     color: #CCC;
     font-size: 17px;
@@ -50,26 +53,30 @@ body{
                                            }
 
 
-.navbar-nav > li > .dropdown-menu{
+.navbar-nav > li > .c-dropdown-menu{
     border-radius : 0;
     box-shadow: none;
     background: #333;
     padding: 0;
     border: none;
+    position: absolute;
+    min-width: 250px;
+    list-style: none;
 }
-.bottom-nav .dropdown-menu > li{
+.bottom-nav .c-dropdown-menu > li{
     border-top: solid 1px #666;
     padding: 10px 30px;
 }
-.bottom-nav .dropdown-menu > li:hover{
+.bottom-nav .c-dropdown-menu > li:hover{
     background: #3799FA;
     border-top: solid 2px #3C5BFF;
 }
 
-.bottom-nav .dropdown-menu > li > a, .bottom-nav .dropdown-menu > li > a:hover, .bottom-nav .dropdown-menu > li > a:hover{
+.bottom-nav .c-dropdown-menu > li > a, .bottom-nav .c-dropdown-menu > li > a:hover, .bottom-nav .c-dropdown-menu > li > a:hover{
                                                                                     color: #FAFAFA;
                                                                                     font-size: 18px;
                                                                                     background: none;
+                                                                                    text-decoration: none;
                                                                                 }
 footer{
     margin-top: 30px;

diff --git a/src/style/js/temp.js b/src/style/js/temp.js
@@ -30,3 +30,10 @@ function capitalize(s){
 }
 
 $('#content').prepend(breadCrumbs(url));
+
+$('.c-dropdown').hover(function(){
+  $(this).find('ul.c-dropdown-menu')[0].style.display = 'block';
+},function(){
+  $(this).find('ul.c-dropdown-menu')[0].style.display = 'none';
+});
+