Nhances/nhance
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHANGE_slider_issue_solved - VADIVEL J 2025-10-29 15:24

Browse Source
This commit is contained in:
vadivelJ96 2025-10-29 15:26:16 +05:30
parent f6e6056a76
commit 57a5b57fa5
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
app/Views/client_policy.php
View File

@ -46,33 +46,40 @@
height: 0; height: 0;
} }
.slider { .slider,
position: relative; .slider_blue {
width: 50px; position: relative;
height: 25px; width: 50px;
background-color: #fff; height: 25px;
border-radius: 25px; background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 25px;
transition: 0.3s; box-shadow: 0 0 5px rgba(0,0,0,0.2);
transition: 0.3s;
} }
.slider::before { .slider::before ,
content: ""; .slider_blue::before {
position: absolute; content: "";
height: 19px; position: absolute;
width: 19px; height: 19px;
left: 3px; width: 19px;
top: 3px; left: 3px;
background-color: #ccc; top: 3px;
border-radius: 50%; background-color: #ccc;
transition: 0.3s; border-radius: 50%;
transition: 0.3s;
} }
input:checked + .slider { input:checked + .slider {
background-color: #ff4d4d; /* red when ON */ background-color: #ff4d4d; /* red when ON */
} }
input:checked + .slider::before { input:checked + .slider_blue {
background-color: #268ef5ff; /* blue when ON */
}
input:checked + .slider::before ,
input:checked + .slider_blue::before {
transform: translateX(25px); transform: translateX(25px);
background-color: #fff; background-color: #fff;
} }
@ -269,23 +276,18 @@ input:checked + .slider::before {
<textarea class="form-control" placeholder="Enter Disclaimer" name="disclaimer" id="disclaimer" ></textarea> <textarea class="form-control" placeholder="Enter Disclaimer" name="disclaimer" id="disclaimer" ></textarea>
</div> </div>
<div class="form-group col-md-4 EB"> <div class="form-group col-md-12 EB mt-3 ">
<label class="switch" style="position: relative;top: 43px;left: 20px;"> <label class="switch-label">
<input id="policy_visibility" type="checkbox" name="enrolment_visibility" checked> <input id="policy_visibility" type="checkbox" name="enrolment_visibility" checked>
<span class="slider round" style="height: 27px;"></span> <span class="slider_blue"></span>
<span class="switch-text">Policy Visibilty in Employee App</span>
</label> </label>
<!-- <label for="policy_visibility" style="position: relative;bottom: 5px;left: 85px;">Policy Visibilty in Enrollment App</label> --> <label class="switch-label" >
<label for="policy_visibility" style="position: relative;bottom: 5px;left: 85px;">Policy Visibilty in Employee App</label>
</div>
<div class="form-group col-md-4 EB">
<label class="switch" style="position: relative;top: 43px;left: 20px;">
<input id="is_lgbtq" type="checkbox" name="is_lgbtq"> <input id="is_lgbtq" type="checkbox" name="is_lgbtq">
<span class="slider round" style="height: 27px;"></span> <span class="slider_blue"></span>
<span class="switch-text">Is LGBTQ Enable</span>
</label> </label>
<label for="is_lgbtq" style="position: relative;bottom: 5px;left: 85px;"> Is LGBTQ Enable</label>
</div> </div>
</div> </div>