CHANGE_live_ui_fix_in_qcr - VADIVEL J 2025-10-17

This commit is contained in:
vadivelJ96 2025-10-17 12:34:00 +05:30
parent 67d03e8392
commit 2893890291

View File

@ -1,6 +1,6 @@
<style>
.switch-label {
#notification_slider .switch-label {
position: relative;
display: inline-flex;
align-items: center;
@ -12,13 +12,13 @@
margin-right: 40px;
}
.switch-label input {
#notification_slider .switch-label input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
#notification_slider .slider {
position: relative;
width: 50px;
height: 25px;
@ -28,7 +28,7 @@
transition: 0.3s;
}
.slider::before {
#notification_slider .slider::before {
content: "";
position: absolute;
height: 19px;
@ -40,16 +40,16 @@
transition: 0.3s;
}
input:checked + .slider {
#notification_slider input:checked + .slider {
background-color: #ff4d4d; /* red when ON */
}
input:checked + .slider::before {
#notification_slider input:checked + .slider::before {
transform: translateX(25px);
background-color: #fff;
}
.switch-text {
#notification_slider .switch-text {
user-select: none;
}
@ -75,7 +75,7 @@ input:checked + .slider::before {
<br>
<div class="" style="padding: 10px; position: absolute;
right: 0;">
right: 0;" id="notification_slider">
<label class="switch-label">
<input type="checkbox" id="chk-show-expired">
<span class="slider"></span>