chore: add spec-kit and standardize signatures
- Added GitHub spec-kit for development workflow - Standardized file signatures to Descomplicar® format - Updated development configuration 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Emanuel Almeida
@@ -0,0 +1,476 @@
|
||||
/**
|
||||
* Descomplicar® Crescimento Digital
|
||||
* https://descomplicar.pt
|
||||
*/
|
||||
|
||||
/**
|
||||
* Admin CSS for Care Booking Block plugin
|
||||
*
|
||||
* @package CareBookingBlock
|
||||
*/
|
||||
|
||||
/* Main Admin Container */
|
||||
.care-booking-admin {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.care-booking-admin h1 {
|
||||
margin-bottom: 30px;
|
||||
color: #1e1e1e;
|
||||
font-size: 23px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* Status Banner */
|
||||
.care-booking-status {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: 30px;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-radius: 4px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,.04);
|
||||
}
|
||||
|
||||
.status-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.status-item .dashicons {
|
||||
font-size: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.status-item strong {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.status-item span:last-child {
|
||||
color: #646970;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
/* Navigation Tabs */
|
||||
.nav-tab-wrapper {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.nav-tab {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 8px 14px;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
color: #646970;
|
||||
font-size: 14px;
|
||||
line-height: 1.4;
|
||||
border: 1px solid transparent;
|
||||
border-bottom-color: #c3c4c7;
|
||||
background: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nav-tab:hover {
|
||||
color: #135e96;
|
||||
}
|
||||
|
||||
.nav-tab-active {
|
||||
color: #1e1e1e;
|
||||
background-color: #fff;
|
||||
border-color: #c3c4c7 #c3c4c7 #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/* Tab Content */
|
||||
.tab-content {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,.04);
|
||||
}
|
||||
|
||||
.tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Table Styling */
|
||||
.wp-list-table {
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.wp-list-table th,
|
||||
.wp-list-table td {
|
||||
padding: 12px 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wp-list-table .column-cb {
|
||||
width: 2.2em;
|
||||
}
|
||||
|
||||
.wp-list-table .column-name {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-email {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-doctor {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-status {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-actions {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
/* Status Badges */
|
||||
.status-badge {
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
border-radius: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
.status-badge.blocked {
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.status-badge.active {
|
||||
background-color: #00a32a;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.status-badge.unknown {
|
||||
background-color: #646970;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.status-badge.checking {
|
||||
background-color: #f0f0f1;
|
||||
color: #646970;
|
||||
animation: pulse 1.5s infinite;
|
||||
}
|
||||
|
||||
@keyframes pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
}
|
||||
|
||||
/* Action Buttons */
|
||||
.button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.button .dashicons {
|
||||
font-size: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.button:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* Table Navigation */
|
||||
.tablenav {
|
||||
padding: 10px 0;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.tablenav .alignleft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tablenav .alignright {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.tablenav .alignleft .button,
|
||||
.tablenav .alignright .button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tablenav select {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.tablenav input[type="search"] {
|
||||
width: 200px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Loading Indicator */
|
||||
.care-booking-loading {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-radius: 4px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.care-booking-loading .spinner {
|
||||
float: none;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
.care-booking-loading p {
|
||||
margin: 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
/* Form Styling */
|
||||
.form-table th {
|
||||
width: 200px;
|
||||
padding: 15px 10px 15px 0;
|
||||
}
|
||||
|
||||
.form-table td {
|
||||
padding: 15px 10px;
|
||||
}
|
||||
|
||||
.form-table input[type="number"] {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.form-table .description {
|
||||
margin-top: 5px;
|
||||
color: #646970;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Settings Actions */
|
||||
.settings-actions {
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.settings-actions .button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* System Information */
|
||||
.system-info {
|
||||
margin-top: 40px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.system-info h3 {
|
||||
margin-bottom: 15px;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.system-info .wp-list-table {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.system-info th {
|
||||
font-weight: 600;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
/* Notices */
|
||||
.care-booking-notices {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.care-booking-notices .notice {
|
||||
margin: 5px 0;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.care-booking-notices .notice p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Row Actions */
|
||||
.row-actions {
|
||||
visibility: hidden;
|
||||
padding: 2px 0 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
tr:hover .row-actions {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.row-actions span {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.row-actions a {
|
||||
color: #2271b1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.row-actions a:hover {
|
||||
color: #135e96;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media screen and (max-width: 782px) {
|
||||
.care-booking-status {
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.status-item {
|
||||
justify-content: space-between;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #f0f0f1;
|
||||
}
|
||||
|
||||
.status-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.tablenav .alignleft,
|
||||
.tablenav .alignright {
|
||||
float: none;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tablenav input[type="search"] {
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
}
|
||||
|
||||
.wp-list-table .column-email,
|
||||
.wp-list-table .column-doctor {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wp-list-table .column-name {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-status {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-actions {
|
||||
width: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.care-booking-admin h1 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.status-item strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.settings-actions .button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0 0 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.system-info .wp-list-table th {
|
||||
width: 120px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark Mode Support */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.care-booking-admin h1 {
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
.status-item .dashicons,
|
||||
.status-item span:last-child {
|
||||
color: #a7aaad;
|
||||
}
|
||||
|
||||
.status-item strong {
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
.care-booking-loading p {
|
||||
color: #a7aaad;
|
||||
}
|
||||
}
|
||||
|
||||
/* Accessibility Improvements */
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
-webkit-clip-path: inset(50%);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.button:focus,
|
||||
.nav-tab:focus {
|
||||
box-shadow: 0 0 0 2px #2271b1;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.status-badge:focus-visible {
|
||||
outline: 2px solid #2271b1;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Animation for smooth transitions */
|
||||
.tab-content {
|
||||
animation: fadeIn 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; transform: translateY(10px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
.status-badge {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.button {
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
Reference in New Issue
Block a user