| @@ -6,28 +6,27 @@ | ||
| 6 | 6 | * @author Tobias Bäthge |
| 7 | 7 | * @since 1.0.0 |
| 8 | 8 | */ |
| 9 | 9 | |
| 10 | -/* Import spinner and alert box styling. */ | |
| 11 | -@import "spinner-alert"; | |
| 12 | - | |
| 13 | -/* Container for Table Preview, Advanced Editor, and Help Box dialogs. */ | |
| 10 | +/* Container for Advanced Editor and Help Box dialogs. */ | |
| 14 | 11 | .hidden-container { |
| 15 | 12 | display: none; |
| 16 | 13 | } |
| 17 | 14 | |
| 18 | -.help-box { | |
| 19 | - padding-top: 0; | |
| 20 | - padding-bottom: 0; | |
| 21 | -} | |
| 15 | +/* Positioning of the "Help" button in the header section of a postbox. */ | |
| 16 | +.postbox-header .handle-actions { | |
| 17 | + display: flex; | |
| 18 | + align-items: center; | |
| 22 | 19 | |
| 23 | -/* Positioning of the "Help" button in the header section of a postbox. */ | |
| 24 | -.postbox-header .handle-actions .button-module-help { | |
| 25 | - margin-right: 10px; | |
| 20 | + .help-container { | |
| 21 | + margin-right: 0.5em; | |
| 22 | + } | |
| 26 | 23 | |
| 27 | - @media screen and (min-width: 783px) { | |
| 28 | - position: relative; | |
| 29 | - top: -5px; | |
| 24 | + /* Backward compatibility with WP < 6.5. */ | |
| 25 | + .handle-order-higher, | |
| 26 | + .handle-order-lower, | |
| 27 | + .handlediv { | |
| 28 | + height: 1.62rem; | |
| 30 | 29 | } |
| 31 | 30 | } |
| 32 | 31 | |
| 33 | 32 | /* Allow wide postboxes to scroll sideways. */ |
| @@ -45,15 +44,13 @@ | ||
| 45 | 44 | body #wp-link-backdrop { |
| 46 | 45 | z-index: 100103; |
| 47 | 46 | } |
| 48 | 47 | |
| 49 | -/* Table Preview (CSS for actual preview is directly in the preview HTML). */ | |
| 50 | -#table-preview { | |
| 51 | - padding: 0; | |
| 52 | - | |
| 53 | - &-iframe { | |
| 54 | - width: 100%; | |
| 55 | - height: 100%; | |
| 48 | +/* Background color for the readonly Shortcode text field. */ | |
| 49 | +#table-information-shortcode { | |
| 50 | + &, | |
| 51 | + + .components-input-control__suffix { | |
| 52 | + background-color: #f0f0f1; | |
| 56 | 53 | } |
| 57 | 54 | } |
| 58 | 55 | |
| 59 | 56 | /* Styling and positioning of buttons in wpdialogs. */ |
| @@ -75,9 +72,9 @@ | ||
| 75 | 72 | float: right; |
| 76 | 73 | } |
| 77 | 74 | } |
| 78 | 75 | |
| 79 | -/* Content of the Advanced Editor wpdialog */ | |
| 76 | +/* Content of the Advanced Editor wpdialog. */ | |
| 80 | 77 | #advanced-editor { |
| 81 | 78 | padding: 5px; |
| 82 | 79 | |
| 83 | 80 | .wp-editor-container { |
| @@ -89,42 +86,26 @@ | ||
| 89 | 86 | display: inline-block; /* Stretch to the width of the table. */ |
| 90 | 87 | min-width: 99.9%; /* but use the full width, minus approx. 1px as the box is wider than the others otherwise. */ |
| 91 | 88 | } |
| 92 | 89 | |
| 93 | -#tablepress-page .button { | |
| 94 | - vertical-align: baseline; | |
| 95 | -} | |
| 96 | - | |
| 97 | -#table-id-shortcode-wrapper { | |
| 98 | - display: flex; | |
| 99 | - justify-content: space-between; | |
| 100 | - flex-wrap: wrap; | |
| 101 | - width: 99%; | |
| 102 | - gap: 5px 0; | |
| 103 | -} | |
| 104 | -#table-information-shortcode { | |
| 105 | - margin: 0 -1px 0 1px; | |
| 106 | -} | |
| 107 | - | |
| 108 | 90 | #tablepress_edit-table-manipulation .column-1, |
| 109 | 91 | #tablepress_edit-table-manipulation .column-2 { |
| 110 | 92 | width: 50%; |
| 111 | 93 | } |
| 112 | 94 | |
| 113 | -/* Align with checkbox labels */ | |
| 114 | -.checkbox-left { | |
| 115 | - display: inline-block; | |
| 116 | - padding-left: 1.25rem; /* Checkboxes are 1rem wide + 0.25rem margin. */ | |
| 117 | - padding-top: 8px; | |
| 95 | +/* Compatibility with WP < 6.6. */ | |
| 96 | +.components-checkbox-control .components-base-control__field:has(> span) { | |
| 97 | + display: flex; | |
| 98 | + align-items: center; | |
| 118 | 99 | } |
| 119 | 100 | |
| 101 | +/* Jspreadsheet CSS. */ | |
| 102 | + | |
| 120 | 103 | #table-editor { |
| 121 | 104 | font-size: 14px; |
| 122 | 105 | } |
| 123 | 106 | |
| 124 | -/* Jspreadsheet CSS * / | |
| 125 | - | |
| 126 | -/* Minimum row height, using :after to keep resize animation */ | |
| 107 | +/* Minimum row height, using :after to keep resize animation. */ | |
| 127 | 108 | .jexcel > tbody > tr:after { |
| 128 | 109 | content: ""; |
| 129 | 110 | display: inline-block; |
| 130 | 111 | min-height: 22px; |
| @@ -283,8 +264,8 @@ | ||
| 283 | 264 | > div.jcontextmenu-disabled:hover { |
| 284 | 265 | background: transparent; |
| 285 | 266 | } |
| 286 | 267 | } |
| 287 | -/* WP Feature Pointers */ | |
| 268 | +/* WP Feature Pointers. */ | |
| 288 | 269 | .pointer-tp21_edit_screen_options .wp-pointer-arrow { |
| 289 | 270 | left: 225px; |
| 290 | 271 | } |
