← All changes
|
includes/page-appointment-services/_src/appointment_provider_tools.css
+28
-0
11.5
→
11.9
View file →
| @@ -15,8 +15,36 @@ | ||
| 15 | 15 | margin: 0 0 16px; |
| 16 | 16 | padding: 14px 16px; |
| 17 | 17 | } |
| 18 | 18 | |
| 19 | +.wpbc_appointment_provider_tools.is-dismissible { | |
| 20 | + padding-inline-end: 52px; | |
| 21 | + position: relative; | |
| 22 | +} | |
| 23 | + | |
| 24 | +.wpbc_appointment_provider_tools__dismiss { | |
| 25 | + align-items: center; | |
| 26 | + border: 1px solid transparent; | |
| 27 | + border-radius: 50%; | |
| 28 | + color: #50575e; | |
| 29 | + display: inline-flex; | |
| 30 | + float: none !important; | |
| 31 | + height: 30px; | |
| 32 | + justify-content: center; | |
| 33 | + position: absolute; | |
| 34 | + inset-inline-end: 10px; | |
| 35 | + top: 10px; | |
| 36 | + width: 30px; | |
| 37 | +} | |
| 38 | + | |
| 39 | +.wpbc_appointment_provider_tools__dismiss:focus-visible, | |
| 40 | +.wpbc_appointment_provider_tools__dismiss:hover { | |
| 41 | + background: #f0f6fc; | |
| 42 | + border-color: var(--wpbc_admin-theme-color, #2271b1); | |
| 43 | + color: var(--wpbc_admin-theme-color, #2271b1); | |
| 44 | + outline: 0; | |
| 45 | +} | |
| 46 | + | |
| 19 | 47 | .wpbc_appointment_provider_tools__copy { |
| 20 | 48 | display: flex; |
| 21 | 49 | flex-direction: column; |
| 22 | 50 | gap: 3px; |