diff --git a/assets/css/sidenav.css b/assets/css/sidenav.css index 30708e3..d5e7f27 100644 --- a/assets/css/sidenav.css +++ b/assets/css/sidenav.css @@ -8,7 +8,6 @@ z-index: 1000; top: 0; left: 0; - transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ text-align: left; background: linear-gradient(to right, #1c1c1c, transparent 90%); @@ -16,21 +15,31 @@ #sidenav-scroll { - padding: 50px 0 50px 0; + padding: 80px 0 50px 0; width: 100%; } /* The navigation menu links */ .sidenav a { - padding: 8px 0 8px 0; - margin: 0 30px 0 30px; + padding: 0; + margin: 0; text-decoration: none; font-size: 20px; color: #f0f0f0; display: inline-flex; transition: 0.3s; - height: 30px; + height: 40px; + width: 100%; +} + +.sidenav a .sidenav-content { + margin: 0; + padding-left: 20px; + width: 100%; + height: 100%; + display: inline-flex; + transition: 0.3s; } .sidenav-icon, .sidenav-image { @@ -47,9 +56,9 @@ padding: 0; } -.sidenav a:hover { +.sidenav a .sidenav-content:hover { color: #1a5dad; - margin-left: 20px; + padding-left: 40px; } .sidenav .separator { @@ -65,9 +74,6 @@ /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { - .sidenav { - padding-top: 15px; - } .sidenav a { font-size: 18px; } diff --git a/coms.php b/coms.php index dac83d2..b368967 100644 --- a/coms.php +++ b/coms.php @@ -41,6 +41,8 @@ $comRespo2 = "Blaise MAUGARD"; $comRespo2Id = "bmaugard"; include("includes/coms/com_template.php"); +$comRespo2 = ""; + $comTitle = "COM Hubble"; $comDescription = "Souriez vous êtes filmés"; $comRespo = "Lyana LETOURNEAU"; diff --git a/includes/sidenav.html b/includes/sidenav.html index 999d1a8..f00c94b 100644 --- a/includes/sidenav.html +++ b/includes/sidenav.html @@ -1,21 +1,32 @@