CHANGE_live_ui_fix_in_qcr - VADIVEL J 2025-10-17
This commit is contained in:
parent
67d03e8392
commit
2893890291
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user