completing visually-impaired mode #52

Merged
aslan merged 1 commits from RomanGolienko/Roman_applicant-site:feature/visually-impaired-mode into main 2024-05-01 09:34:17 +03:00
2 changed files with 14 additions and 3 deletions

View File

@ -196,12 +196,12 @@ class DirectonHtmlBuilderForCalculator
<div class=\"fs-5 mb-3 d-flex \" style=\"font-family: Geologica-Light\"> <div class=\"fs-5 mb-3 d-flex \" style=\"font-family: Geologica-Light\">
<button type='button' class='calc_green_circle_button hover2 btn btn-outline-success' data-institut='mgtu' data-id='{$direction['id']}calc'> <button type='button' class='calc_green_circle_button hover2 btn btn-outline-success' data-institut='mgtu' data-id='{$direction['id']}calc'>
<img style='width: 8px; height: auto;' id = 'id_mgtu_{$direction['id']}calc' src='img/front-page/green-circle.png'> <img style='width: 12px; height: auto;' id = 'id_mgtu_{$direction['id']}calc' src='img/front-page/green-circle.png'>
МГТУ МГТУ
</button> </button>
<button type='button' class='ms-2 calc_green_circle_button hover2 btn btn-outline-success' data-institut='filial' data-id='{$direction['id']}calc'> <button type='button' class='ms-2 calc_green_circle_button hover2 btn btn-outline-success' data-institut='filial' data-id='{$direction['id']}calc'>
<img style='display: none; width: 8px; height: auto;' id = 'id_filial_{$direction['id']}calc' src='img/front-page/green-circle.png'> Филиал МГТУ (пос. Яблоновский) <img style='display: none; width: 12px; height: auto;' id = 'id_filial_{$direction['id']}calc' src='img/front-page/green-circle.png'> Филиал МГТУ (пос. Яблоновский)
</button> </button>
</div> </div>
</div> </div>

View File

@ -220,7 +220,9 @@
.disabled { .disabled {
display: none; display: none;
} }
.visually-impaired-text {
font-size: 150%!important;
}
@ -229,6 +231,15 @@
$(document).on("click", ".visually_impaired_mode_button", function () { $(document).on("click", ".visually_impaired_mode_button", function () {
if(!$("body").hasClass('visually-impaired-text')){
$("body").addClass('visually-impaired-text')
}
else {
$("body").removeClass('visually-impaired-text')
}
if($('div, a, p').hasClass('visually_impaired_mode_bg')){ if($('div, a, p').hasClass('visually_impaired_mode_bg')){
$(".visually_impaired_mode").removeClass('visually_impaired_mode_bg'); $(".visually_impaired_mode").removeClass('visually_impaired_mode_bg');