feature/visually-impaired-mode #51
|
@ -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\">
|
||||||
|
|
|
@ -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")
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue