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 bd6795f8ec - 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\">

View File

@ -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")
}