| @@ -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 { |
| @@ -239,8 +235,11 @@ | ||
| 239 | 235 | } |
| 240 | 236 | |
| 241 | 237 | .notice { |
| 242 | 238 | margin: 20px 0 0; |
| 239 | + | |
| 240 | + /* Remove rounded corners in WP 7.1+, as long as notices still use non-Gutenberg style. */ | |
| 241 | + --wpds-border-radius-lg: 0; /* stylelint-disable-line plugin-wpds/no-setting-wpds-custom-properties */ | |
| 243 | 242 | } |
| 244 | 243 | |
| 245 | 244 | .components-notice { |
| 246 | 245 | @at-root body[class*="branch-6-"] &.notice { |
| @@ -271,8 +270,42 @@ | ||
| 271 | 270 | |
| 272 | 271 | &.notice-info { |
| 273 | 272 | border-left-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); |
| 274 | 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 | + } | |
| 275 | 308 | .components-notice__content { |
| 276 | 309 | margin: 0; |
| 277 | 310 | } |
| 278 | 311 | } |
| @@ -302,12 +335,18 @@ | ||
| 302 | 335 | |
| 303 | 336 | .components-snackbar-list { |
| 304 | 337 | position: fixed; |
| 305 | 338 | bottom: 24px; |
| 306 | - padding-left: 4px; | |
| 307 | 339 | } |
| 308 | 340 | } |
| 309 | 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; | |
| 347 | +} | |
| 348 | + | |
| 310 | 349 | /* Table Preview (CSS for actual preview is directly in the preview HTML). */ |
| 311 | 350 | .table-preview-modal { |
| 312 | 351 | .components-modal__content { |
| 313 | 352 | padding: 0 16px 26px; |
| @@ -352,10 +391,19 @@ | ||
| 352 | 391 | /* Responsiveness on the All Tables screen. */ |
| 353 | 392 | @media screen and (max-width: 782px) { |
| 354 | 393 | .column-table_id { |
| 355 | 394 | display: none !important; |
| 395 | + font-size: 14px; | |
| 396 | + } | |
| 397 | + /* WordPress < 7.1. */ | |
| 398 | + th + .column-table_id { | |
| 356 | 399 | padding: 3px 8px 3px 35%; |
| 357 | 400 | } |
| 401 | + | |
| 402 | + /* WordPress >= 7.1. */ | |
| 403 | + td + .column-table_id { | |
| 404 | + padding: 6px 8px 8px 32px; | |
| 405 | + } | |
| 358 | 406 | } |
| 359 | 407 | } |
| 360 | 408 | |
| 361 | 409 | /* Layout adjustments for the header row. */ |
| @@ -448,9 +496,9 @@ | ||
| 448 | 496 | .pill-label { |
| 449 | 497 | display: inline-block; |
| 450 | 498 | vertical-align: top; |
| 451 | 499 | box-sizing: border-box; |
| 452 | - margin: 1px 0 -1px 6px; | |
| 500 | + margin: 3px 0 0 6px; | |
| 453 | 501 | padding: 0 5px; |
| 454 | 502 | min-width: 18px; |
| 455 | 503 | height: 18px; |
| 456 | 504 | border-radius: 9px; |
