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