diff --git a/admin/css/wpa-superstar-admin.css b/admin/css/wpa-superstar-admin.css index 4270571..edf39f9 100644 --- a/admin/css/wpa-superstar-admin.css +++ b/admin/css/wpa-superstar-admin.css @@ -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; } \ No newline at end of file diff --git a/admin/settings.php b/admin/settings.php index 3d60041..7b382fe 100644 --- a/admin/settings.php +++ b/admin/settings.php @@ -484,10 +484,13 @@ function wpa_superstar_settings_page() {
- +
- + +
+ +
+ +