| @@ -1,9 +1,6 @@ | ||
| 1 | -/** | |
| 2 | - * Styles for the edit snippet admin page. | |
| 3 | - */ | |
| 4 | - | |
| 5 | -@use 'common/direction'; | |
| 1 | +@use 'common/buttons'; | |
| 2 | +@use 'common/theme'; | |
| 6 | 3 | @use 'common/codemirror'; |
| 7 | 4 | @use 'common/badges'; |
| 8 | 5 | @use 'common/switch'; |
| 9 | 6 | @use 'common/select'; |
| @@ -8,15 +5,17 @@ | ||
| 8 | 5 | @use 'common/switch'; |
| 9 | 6 | @use 'common/select'; |
| 10 | 7 | @use 'common/tooltips'; |
| 11 | 8 | @use 'common/modal'; |
| 12 | -@use 'common/notices'; | |
| 13 | 9 | @use 'common/upsell'; |
| 14 | 10 | @use 'common/toolbar'; |
| 15 | 11 | @use 'common/wp-admin'; |
| 12 | +@use 'common/page-header'; | |
| 13 | +@use 'common/list-table'; | |
| 16 | 14 | @use 'edit/form'; |
| 17 | 15 | @use 'edit/sidebar'; |
| 18 | 16 | @use 'edit/editor'; |
| 17 | +@use 'edit/notices'; | |
| 19 | 18 | @use 'edit/conditions'; |
| 20 | 19 | @use 'edit/gpt'; |
| 21 | 20 | |
| 22 | 21 | .banner.error blockquote { |
| @@ -33,8 +32,12 @@ | ||
| 33 | 32 | #adminmenu a.code-snippets-edit-menu-link { |
| 34 | 33 | cursor: pointer; |
| 35 | 34 | } |
| 36 | 35 | |
| 36 | +#edit-snippet-container { | |
| 37 | + margin-block-start: 0; | |
| 38 | +} | |
| 39 | + | |
| 37 | 40 | .snippet-description-container { |
| 38 | 41 | label { |
| 39 | 42 | font-size: 1.16em; |
| 40 | 43 | font-weight: 600; |
| @@ -49,21 +52,22 @@ | ||
| 49 | 52 | float: inline-start; |
| 50 | 53 | } |
| 51 | 54 | |
| 52 | 55 | .generate-button { |
| 53 | - float: inline-end; | |
| 54 | - margin-block-start: 37px; | |
| 55 | 56 | z-index: 99; |
| 56 | 57 | position: relative; |
| 57 | 58 | } |
| 58 | 59 | } |
| 59 | 60 | |
| 60 | -.components-form-token-field__input-container { | |
| 61 | - background: #fff; | |
| 62 | - border-color: #c3c4c7; | |
| 61 | +.snippet-tags-container { | |
| 62 | + .components-form-token-field__input-container { | |
| 63 | + background: var(--cs-color-surface); | |
| 64 | + border-color: var(--cs-color-border); | |
| 65 | + border-radius: 5px; | |
| 63 | 66 | |
| 64 | - > .components-flex { | |
| 65 | - padding: 12px; | |
| 67 | + > .components-flex { | |
| 68 | + padding: 12px; | |
| 69 | + } | |
| 66 | 70 | } |
| 67 | 71 | } |
| 68 | 72 | |
| 69 | 73 | .above-snippet-code { |
| @@ -79,11 +83,11 @@ | ||
| 79 | 83 | } |
| 80 | 84 | |
| 81 | 85 | .expand-editor-button { |
| 82 | 86 | display: flex; |
| 83 | - gap: 5px; | |
| 84 | 87 | align-items: center; |
| 85 | 88 | margin-inline-end: auto; |
| 89 | + gap: 5px; | |
| 86 | 90 | |
| 87 | 91 | .dashicons { |
| 88 | 92 | inline-size: 18px; |
| 89 | 93 | block-size: 18px; |
| @@ -89,16 +93,8 @@ | ||
| 89 | 93 | block-size: 18px; |
| 90 | 94 | font-size: 18px; |
| 91 | 95 | } |
| 92 | 96 | } |
| 93 | -} | |
| 94 | - | |
| 95 | -.wrap > h2:first-of-type { | |
| 96 | - font-size: 1.5rem; | |
| 97 | - font-weight: 400; | |
| 98 | - line-height: 1.3; | |
| 99 | - padding: 0; | |
| 100 | - margin-block: 50px 1rem; | |
| 101 | 97 | } |
| 102 | 98 | |
| 103 | 99 | .snippet-name-wrapper { |
| 104 | 100 | display: flex; |
