From bd6795f8ec7030d174e0bd8135808fb599de5aab Mon Sep 17 00:00:00 2001
From: ROMANGOLIENKO <romangolienko@yandex.ru>
Date: Wed, 24 Apr 2024 13:19:57 +0300
Subject: [PATCH] visually-impaired mode fix

---
 .../DirectonHtmlBuilderForCalculator.php      |  2 +-
 .../views/layouts/new-design-layout.blade.php | 50 ++++++++++++++++++-
 2 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/app/Services/DirectonHtmlBuilderForCalculator.php b/app/Services/DirectonHtmlBuilderForCalculator.php
index 7bef624..fa3388d 100644
--- a/app/Services/DirectonHtmlBuilderForCalculator.php
+++ b/app/Services/DirectonHtmlBuilderForCalculator.php
@@ -179,7 +179,7 @@ class DirectonHtmlBuilderForCalculator
         }
 
 
-        return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"calc-{$direction['id'] }\" aria-labelledby=\"Labelcalc-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;              background-image:  url({$fon_3}); color: #004329\">
+        return "<div class=\"offcanvas offcanvas-bottom  visually_impaired_mode direction-card-text fon2_blok\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"calc-{$direction['id'] }\" aria-labelledby=\"Labelcalc-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;\">
 
 
             <div class=\"mx-5 pb-5\">
diff --git a/resources/views/layouts/new-design-layout.blade.php b/resources/views/layouts/new-design-layout.blade.php
index 6e47dea..a6d52b9 100644
--- a/resources/views/layouts/new-design-layout.blade.php
+++ b/resources/views/layouts/new-design-layout.blade.php
@@ -136,10 +136,15 @@
         background-color: transparent;
         border: 1px solid rgb(241, 241, 241);
         border-radius: 8px;
+
     }
     .checkbox1 input:checked ~ .checkmark {
         background-color: rgb(255, 255, 255);
 
+    }
+    .checkbox2 input:checked ~ .checkmark {
+        background-color: rgb(0, 0, 0);
+
     }
 
     /* Create the checkmark/indicator (hidden when not checked) */
@@ -147,6 +152,7 @@
         content: "";
         position: absolute;
         display: none;
+
     }
 
     /* Show the checkmark when checked */
@@ -259,7 +265,7 @@
             }
 
             if($(".direction-card-text").hasClass('direction-card-text')){
-                $(".direction-card-text").addClass('direction-card-textDISABLED');
+                $(this).addClass('direction-card-textDISABLED');
                 $(".direction-card-text").removeClass('direction-card-text');
             }
             else {
@@ -274,6 +280,48 @@
                 $("img").addClass('disabled')
             }
 
+            if($("div, a, p").hasClass('scroll-1')){
+                $(".scroll-1").addClass('scroll-1DISABLED');
+                $(".scroll-1").removeClass('scroll-1');
+
+            }
+
+            else {
+                $(".scroll-1DISABLED").addClass('scroll-1');
+                $(".scroll-1DISABLED").removeClass('scroll-1DISABLED');
+            }
+
+
+            if(!$("div, a, p").hasClass('DARK')){
+
+                $(".checkmark").css("border", "3px solid rgb(0, 0, 0)")
+                $(this).addClass("DARK")
+
+            }
+
+            else {
+                $(this).removeClass("DARK")
+                $(".checkmark").css("border", "1px solid rgb(241, 241, 241)")
+
+            }
+
+
+            if($(".checkbox1").hasClass("checkbox2 input:checked ~ .checkmark")){
+                $(".checkbox1 ").removeClass("checkbox2 input:checked ~ .checkmark")
+            }
+            else {
+                $(".checkbox1 ").addClass("checkbox2 input:checked ~ .checkmark")
+            }
+
+
+
+
+
+
+
+
+
+