forked from aslan/applicant-site
visually-impaired mode fix
This commit is contained in:
parent
5c54f9a7e9
commit
bd6795f8ec
|
@ -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\">
|
||||
|
|
|
@ -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")
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue