| @@ -39,13 +39,8 @@ | ||
| 39 | 39 | |
| 40 | 40 | #tablepress-page { |
| 41 | 41 | margin: 0 0 0 -20px; |
| 42 | 42 | |
| 43 | - /* Add space between WP core update nag and header navigation. */ | |
| 44 | - .update-nag ~ & { | |
| 45 | - margin-top: 25px; | |
| 46 | - } | |
| 47 | - | |
| 48 | 43 | #tablepress-body { |
| 49 | 44 | padding: 0 20px; |
| 50 | 45 | } |
| 51 | 46 | |
| @@ -133,8 +128,9 @@ | ||
| 133 | 128 | &:active, |
| 134 | 129 | &:focus { |
| 135 | 130 | span:first-child { |
| 136 | 131 | text-decoration: underline; |
| 132 | + text-decoration-thickness: 1.5px; | |
| 137 | 133 | } |
| 138 | 134 | } |
| 139 | 135 | |
| 140 | 136 | &.renew { |
| @@ -274,8 +270,42 @@ | ||
| 274 | 270 | |
| 275 | 271 | &.notice-info { |
| 276 | 272 | border-left-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
| 277 | 273 | } |
| 274 | + &.notice-error { | |
| 275 | + background-color: #fcf0f0; | |
| 276 | + } | |
| 277 | + &.notice-milestone { | |
| 278 | + position: relative; | |
| 279 | + border-left-color: #16a34a; | |
| 280 | + background-color: #ffffff; | |
| 281 | + | |
| 282 | + .components-button { | |
| 283 | + font-size: 16px; | |
| 284 | + margin-right: 3em; | |
| 285 | + color: #ffffff; | |
| 286 | + background: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); | |
| 287 | + border-color: #ffffff; | |
| 288 | + font-weight: bold; | |
| 289 | + border-radius: 3px; | |
| 290 | + | |
| 291 | + &:hover span:first-child { | |
| 292 | + text-decoration: underline; | |
| 293 | + } | |
| 294 | + } | |
| 295 | + | |
| 296 | + p { | |
| 297 | + margin-left: 230px; | |
| 298 | + } | |
| 299 | + | |
| 300 | + img { | |
| 301 | + position: absolute; | |
| 302 | + bottom: -1px; | |
| 303 | + left: 20px; | |
| 304 | + width: 200px; | |
| 305 | + height: 160px; | |
| 306 | + } | |
| 307 | + } | |
| 278 | 308 | .components-notice__content { |
| 279 | 309 | margin: 0; |
| 280 | 310 | } |
| 281 | 311 | } |
| @@ -305,10 +335,16 @@ | ||
| 305 | 335 | |
| 306 | 336 | .components-snackbar-list { |
| 307 | 337 | position: fixed; |
| 308 | 338 | bottom: 24px; |
| 309 | - padding-left: 4px; | |
| 310 | 339 | } |
| 340 | +} | |
| 341 | + | |
| 342 | +#tablepress-header .buttons .tablepress-button { | |
| 343 | + color: #ffffff; | |
| 344 | + background: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); | |
| 345 | + border-color: #ffffff !important; | |
| 346 | + font-weight: bold; | |
| 311 | 347 | } |
| 312 | 348 | |
| 313 | 349 | /* Table Preview (CSS for actual preview is directly in the preview HTML). */ |
| 314 | 350 | .table-preview-modal { |
