From 5185d05ca42df3e3f041e476f768ee4fc16bbcce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Fri, 22 Jul 2022 14:12:44 +0300
Subject: [PATCH] Refactor drawer toggle usage

---
 aydinlatma.html           |  4 ++--
 hakkimizda.html           |  4 ++--
 iletisim.html             |  4 ++--
 index.html                |  4 ++--
 kamera.html               |  4 ++--
 resources/styles/main.css | 24 ++++++++++++------------
 6 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/aydinlatma.html b/aydinlatma.html
index 34929ce..7f92613 100644
--- a/aydinlatma.html
+++ b/aydinlatma.html
@@ -31,8 +31,8 @@
         <a class="nav-item" href="iletisim.html">İletişim</a>
     </nav>
 
-    <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
-    <label for="toggle" id="toggle-label" class="dropdown-toggle">
+    <input type="checkbox" id="toggle" onchange="toggleDropdown()" autocomplete="off">
+    <label for="toggle" id="toggle-label">
         <span class="bar bar1"></span>
         <span class="bar bar2"></span>
         <span class="bar bar3"></span>
diff --git a/hakkimizda.html b/hakkimizda.html
index 007d646..948ac4b 100644
--- a/hakkimizda.html
+++ b/hakkimizda.html
@@ -31,8 +31,8 @@
         <a class="nav-item" href="iletisim.html">İletişim</a>
     </nav>
 
-    <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
-    <label for="toggle" id="toggle-label" class="dropdown-toggle">
+    <input type="checkbox" id="toggle" onchange="toggleDropdown()" autocomplete="off">
+    <label for="toggle" id="toggle-label">
         <span class="bar bar1"></span>
         <span class="bar bar2"></span>
         <span class="bar bar3"></span>
diff --git a/iletisim.html b/iletisim.html
index d379380..4363917 100644
--- a/iletisim.html
+++ b/iletisim.html
@@ -31,8 +31,8 @@
         <a class="nav-item" href="#">İletişim</a>
     </nav>
 
-    <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
-    <label for="toggle" id="toggle-label" class="dropdown-toggle">
+    <input type="checkbox" id="toggle" onchange="toggleDropdown()" autocomplete="off">
+    <label for="toggle" id="toggle-label">
         <span class="bar bar1"></span>
         <span class="bar bar2"></span>
         <span class="bar bar3"></span>
diff --git a/index.html b/index.html
index 0c2c207..dc3a104 100644
--- a/index.html
+++ b/index.html
@@ -32,8 +32,8 @@
             <a class="nav-item" href="iletisim.html">İletişim</a>
         </nav>
 
-        <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
-        <label for="toggle" id="toggle-label" class="dropdown-toggle">
+        <input type="checkbox" id="toggle" onchange="toggleDropdown()" autocomplete="off">
+        <label for="toggle" id="toggle-label">
             <span class="bar bar1"></span>
             <span class="bar bar2"></span>
             <span class="bar bar3"></span>
diff --git a/kamera.html b/kamera.html
index ccec26d..cf995fd 100644
--- a/kamera.html
+++ b/kamera.html
@@ -30,8 +30,8 @@
         <a class="nav-item" href="https://ugurgaleri1.sahibinden.com/">Araçlarımız</a>
         <a class="nav-item" href="iletisim.html">İletişim</a>
     </nav>
-    <input type="checkbox" id="toggle" class="toggle" onchange="toggleDropdown()" autocomplete="off">
-    <label for="toggle" id="toggle-label" class="dropdown-toggle">
+    <input type="checkbox" id="toggle" onchange="toggleDropdown()" autocomplete="off">
+    <label for="toggle" id="toggle-label">
             <span class="bar bar1"></span>
             <span class="bar bar2"></span>
             <span class="bar bar3"></span>
diff --git a/resources/styles/main.css b/resources/styles/main.css
index aa895d6..1c3b568 100644
--- a/resources/styles/main.css
+++ b/resources/styles/main.css
@@ -576,14 +576,14 @@ h1 {
 #header #toggle {
   display: none;
 }
-#header .dropdown-toggle {
+#header #toggle-label {
   margin: 0;
   width: 36px;
   height: 36px;
   position: relative;
   cursor: pointer;
 }
-#header .dropdown-toggle .bar {
+#header #toggle-label .bar {
   padding: 0;
   width: 36px;
   height: 4px;
@@ -593,18 +593,18 @@ h1 {
   transition: all 0.4s ease-in-out;
   position: absolute;
 }
-#header .dropdown-toggle .bar1 {
+#header #toggle-label .bar1 {
   transform-origin: 5%;
 }
-#header .dropdown-toggle .bar4 {
+#header #toggle-label .bar4 {
   transform-origin: 5%;
 }
 @media screen and (max-width: 850px) {
-  #header .dropdown-toggle {
+  #header #toggle-label {
     width: 28px;
     height: 28px;
   }
-  #header .dropdown-toggle .bar {
+  #header #toggle-label .bar {
     width: 28px;
   }
 }
@@ -627,33 +627,33 @@ h1 {
 #header .bar4 {
   bottom: 0;
 }
-#header .toggle:checked + label > .dropdown-toggle > .bar1 {
+#header #toggle:checked + #toggle-label > .bar1 {
   transform: rotate(45deg);
   height: 3px;
   width: 50px;
 }
 @media screen and (max-width: 850px) {
-  #header .toggle:checked + label > .dropdown-toggle > .bar1 {
+  #header #toggle:checked + #toggle-label > .bar1 {
     width: 39px;
   }
 }
-#header .toggle:checked + label > .dropdown-toggle > .bar3 {
+#header #toggle:checked + #toggle-label > .bar3 {
   transform: rotate(45deg);
   height: 3px;
   background-color: transparent;
 }
-#header .toggle:checked + label > .dropdown-toggle > .bar2 {
+#header #toggle:checked + #toggle-label > .bar2 {
   transform: rotate(-45deg);
   height: 3px;
   background-color: transparent;
 }
-#header .toggle:checked + label > .dropdown-toggle > .bar4 {
+#header #toggle:checked + #toggle-label > .bar4 {
   transform: rotate(-45deg);
   height: 3px;
   width: 50px;
 }
 @media screen and (max-width: 850px) {
-  #header .toggle:checked + label > .dropdown-toggle > .bar4 {
+  #header #toggle:checked + #toggle-label > .bar4 {
     width: 39px;
   }
 }