CHANGE_slider_issue_solved - VADIVEL J 2025-10-29 15:24
This commit is contained in:
parent
f6e6056a76
commit
57a5b57fa5
@ -46,7 +46,8 @@
|
|||||||
height: 0;
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider {
|
.slider,
|
||||||
|
.slider_blue {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
@ -56,7 +57,8 @@
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider::before {
|
.slider::before ,
|
||||||
|
.slider_blue::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 19px;
|
height: 19px;
|
||||||
@ -72,7 +74,12 @@ 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>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user