Changeset 3237938

Timestamp:

02/10/2025 12:58:37 PM (14 months ago)

Author:

aweos

Message:

Fixed a bug where checkboxes were not shown

Location:

aweos-offcanvas-menu/trunk

Files:

• aweos-offcanvas-menu.php (modified) (1 diff)
• public/css/app.css (modified) (1 diff)
• readme.txt (modified) (1 diff)
• resources/assets/css/offcanvas.css (modified) (2 diffs)

aweos-offcanvas-menu/trunk/aweos-offcanvas-menu.php

@@ -4 +4 @@
 Plugin URI:  https://developer.wordpress.org/plugins/aweos-offcanvas-menu/
 Description: Displays an offcanvas menu
-Version:     2.0.5
+Version:     2.0.6
 Author:      AWEOS GmbH
 Author URI:  https://aweos.de

aweos-offcanvas-menu/trunk/public/css/app.css

@@ -680 +680 @@
 
 
-/* Checkbox Styling */
-input[type="checkbox"]
-{
-  display: none;
-  /* Verstecke die Standard-Checkbox */
-}
-
-input[type="checkbox"]+label
-{
-  position: relative;
-  padding-left: 25px;
-  /* Platz für das benutzerdefinierte Design */
-  cursor: pointer;
-}
-
-input[type="checkbox"]+label:before
-{
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  /* Breite der benutzerdefinierten Checkbox */
-  height: 20px;
-  /* Höhe der benutzerdefinierten Checkbox */
-  border: 2px solid #2271b1;
-  /* Rahmenfarbe */
-  border-radius: 4px;
-  /* Abgerundete Ecken */
-  background: white;
-  /* Hintergrundfarbe */
-}
-
-input[type="checkbox"]:checked+label:before
-{
-  background: #2271b1;
-  /* Hintergrundfarbe, wenn ausgewählt */
-  border-color: #2271b1;
-  /* Rahmenfarbe, wenn ausgewählt */
-}
-
-input[type="checkbox"]:checked+label:after
-{
-  content: '✔';
-  /* Häkchen-Symbol */
-  position: absolute;
-  left: 5px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: white;
-  /* Häkchenfarbe */
-  font-size: 16px;
-  /* Größe des Häkchens */
-}
 
 /* Schriftfarbe für den Hauptmenüpunkt, wenn das Untermenü geöffnet ist */

aweos-offcanvas-menu/trunk/readme.txt

@@ -50 +50 @@
 
 == Changelog ==
+### 2.0.6
+* Fixed a bug where checkboxes were not shown
 
 ### 2.0.5

aweos-offcanvas-menu/trunk/resources/assets/css/offcanvas.css

@@ -1 @@
-#page-container {
+#page-container
+{
   width: 100%;
   transition: margin-left 0.3s;
-  box-shadow: -2px 0 10px black; }
-  #page-container.push {
-    margin-left: 240px !important;
-    transition: margin-left 0.3s;
-    position: relative; }
-    @media screen and (min-width: 1226px) {
-      #page-container.push {
-        margin-left: 0 !important; } }
+  box-shadow: -2px 0 10px black;
+}
 
-.mobile_nav.opened #mobile_menu {
-  display: block !important; }
+#page-container.push
+{
+  margin-left: 240px !important;
+  transition: margin-left 0.3s;
+  position: relative;
+}
 
-#mobile_menu {
+@media screen and (min-width: 1226px)
+{
+  #page-container.push
+  {
+    margin-left: 0 !important;
+  }
+}
+
+.mobile_nav.opened #mobile_menu
+{
+  display: block !important;
+}
+
+#mobile_menu
+{
   position: fixed;
   width: 240px;
@@ -22 +35 @@
   height: 100%;
   transition: left 0.3s;
-  padding: 0; }
-  #mobile_menu.push {
-    left: 0;
-    transition: left 0.3s; }
-    @media screen and (min-width: 1226px) {
-      #mobile_menu.push {
-        left: -240px !important; } }
-  body.admin-bar #mobile_menu {
-    top: 32px; }
-    @media screen and (max-width: 782px) {
-      body.admin-bar #mobile_menu {
-        top: 46px; } }
-  #mobile_menu .offcanvas-close {
-    cursor: pointer;
-    position: absolute;
-    right: 15px;
-    top: 15px; }
-    #mobile_menu .offcanvas-close .et-pb-icon {
-      width: 50px;
-      height: 50px;
-      font-size: 35pt;
-      color: rgba(0, 0, 0, 0.7); }
-  #mobile_menu li.menu-item > a {
-    font-weight: 400;
-    font-family: Arial;
-    font-size: 13.5px;
-    cursor: pointer;
-    padding: 17px 15px 17px 20px;
-    line-height: normal; }
-    #mobile_menu li.menu-item > a:hover {
-      background-color: transparent;
-      opacity: 1; }
-    #mobile_menu li.menu-item > a:after {
-      top: 16px !important; }
-  #mobile_menu ul {
-    padding-left: 0; }
-  #mobile_menu li.menu-item.visible > a {
-    color: white; }
+  padding: 0;
+}
 
-#mobile_menu {
-  display: block !important; }
+#mobile_menu.push
+{
+  left: 0;
+  transition: left 0.3s;
+}
 
-#main-header .et_mobile_menu.push li ul {
-  padding-left: 0; }
+@media screen and (min-width: 1226px)
+{
+  #mobile_menu.push
+  {
+    left: -240px !important;
+  }
+}
 
-.et_mobile_menu.push li li {
-  padding-left: 0; }
+body.admin-bar #mobile_menu
+{
+  top: 32px;
+}
 
+@media screen and (max-width: 782px)
+{
+  body.admin-bar #mobile_menu
+  {
+    top: 46px;
+  }
+}
+
+#mobile_menu .offcanvas-close
+{
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  top: 15px;
+}
+
+#mobile_menu .offcanvas-close .et-pb-icon
+{
+  width: 50px;
+  height: 50px;
+  font-size: 35pt;
+  color: rgba(0, 0, 0, 0.7);
+}
+
+#mobile_menu li.menu-item>a
+{
+  font-weight: 400;
+  font-family: Arial;
+  font-size: 13.5px;
+  cursor: pointer;
+  padding: 17px 15px 17px 20px;
+  line-height: normal;
+}
+
+#mobile_menu li.menu-item>a:hover
+{
+  background-color: transparent;
+  opacity: 1;
+}
+
+#mobile_menu li.menu-item>a:after
+{
+  top: 16px !important;
+}
+
+#mobile_menu ul
+{
+  padding-left: 0;
+}
+
+#mobile_menu li.menu-item.visible>a
+{
+  color: white;
+}
+
+#mobile_menu
+{
+  display: block !important;
+}
+
+#main-header .et_mobile_menu.push li ul
+{
+  padding-left: 0;
+}
+
+.et_mobile_menu.push li li
+{
+  padding-left: 0;
+}