Update Workflow toggle styling: - Match RankMath-style toggle switches - Remove old toggle switch styles - Consistent styling across all tabs

This commit is contained in:
Marcus Quinn
2025-03-15 02:14:12 +00:00
parent 73015b7a1a
commit 8bfb96b016
2 changed files with 23 additions and 49 deletions

View File

@ -220,71 +220,40 @@
}
.wpa-superstar-workflow-toggle {
margin: 20px 0;
padding: 15px;
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
/* Remove these style blocks entirely */
}
.wpa-superstar-workflow-toggle label {
display: flex;
align-items: center;
font-weight: 600;
margin-bottom: 10px;
/* Remove these style blocks entirely */
}
.wpa-superstar-workflow-toggle .description {
color: #666;
margin-left: 52px;
margin-top: 5px;
/* Remove these style blocks entirely */
}
/* Toggle switch styles */
.switch {
position: relative;
display: inline-block;
width: 42px;
height: 22px;
margin-right: 10px;
/* Remove these style blocks entirely */
}
.switch input {
opacity: 0;
width: 0;
height: 0;
/* Remove these style blocks entirely */
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
/* Remove these style blocks entirely */
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s;
border-radius: 50%;
/* Remove these style blocks entirely */
}
input:checked + .slider {
background-color: #2271b1;
/* Remove these style blocks entirely */
}
input:checked + .slider:before {
transform: translateX(20px);
/* Remove these style blocks entirely */
}
/* Active tab styles */