marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Workflow tab to settings page: - Add workflow tab to navigation - Add workflow settings section - Add toggle switch styles

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-15 02:11:08 +00:00
parent d60a2891f2
commit 73015b7a1a
2 changed files with 89 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
admin/css/wpa-superstar-admin.css
View File

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