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> <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>