feature/visually-impaired-mode #51

Merged
aslan merged 6 commits from RomanGolienko/Roman_applicant-site:feature/visually-impaired-mode into main 2024-04-24 15:32:22 +03:00
2 changed files with 50 additions and 2 deletions
Showing only changes of commit ba8d590a33 - Show all commits

View File

@ -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\"> <div class=\"mx-5 pb-5\">

View File

@ -136,10 +136,15 @@
background-color: transparent; background-color: transparent;
border: 1px solid rgb(241, 241, 241); border: 1px solid rgb(241, 241, 241);
border-radius: 8px; border-radius: 8px;
} }
.checkbox1 input:checked ~ .checkmark { .checkbox1 input:checked ~ .checkmark {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
}
.checkbox2 input:checked ~ .checkmark {
background-color: rgb(0, 0, 0);
} }
/* Create the checkmark/indicator (hidden when not checked) */ /* Create the checkmark/indicator (hidden when not checked) */
@ -147,6 +152,7 @@
content: ""; content: "";
position: absolute; position: absolute;
display: none; display: none;
} }
/* Show the checkmark when checked */ /* Show the checkmark when checked */
@ -259,7 +265,7 @@
} }
if($(".direction-card-text").hasClass('direction-card-text')){ 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'); $(".direction-card-text").removeClass('direction-card-text');
} }
else { else {
@ -274,6 +280,48 @@
$("img").addClass('disabled') $("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")
}