← All changes | css/edit.scss +34 -31 3.9.6 → trunk View file →

		@@ -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';
		@@ -9,15 +6,20 @@
9	6	@use 'common/select';
10	7	@use 'common/tooltips';
11	8	@use 'common/modal';
12	9	@use 'common/upsell';
	10	+@use 'common/toolbar';
	11	+@use 'common/wp-admin';
	12	+@use 'common/page-header';
	13	+@use 'common/list-table';
13	14	@use 'edit/form';
14	15	@use 'edit/sidebar';
15	16	@use 'edit/editor';
	17	+@use 'edit/notices';
16	18	@use 'edit/conditions';
17	19	@use 'edit/gpt';
18	20
19		-.notice.error blockquote {
	21	+.banner.error blockquote {
20	22	margin-block-end: 0;
21	23	}
22	24
23	25	.button svg {
		@@ -26,9 +28,23 @@
26	28	line-height: 1;
27	29	margin: 0;
28	30	}
29	31
	32	+#adminmenu a.code-snippets-edit-menu-link {
	33	+ cursor: pointer;
	34	+}
	35	+
	36	+#edit-snippet-container {
	37	+ margin-block-start: 0;
	38	+}
	39	+
30	40	.snippet-description-container {
	41	+ label {
	42	+ font-size: 1.16em;
	43	+ font-weight: 600;
	44	+ text-transform: unset;
	45	+ }
	46	+
31	47	.wp-editor-tools {
32	48	padding-block-start: 5px;
33	49	}
34	50
		@@ -36,29 +52,25 @@
36	52	float: inline-start;
37	53	}
38	54
39	55	.generate-button {
40		- float: inline-end;
41		- margin-block-start: 37px;
42	56	z-index: 99;
43	57	position: relative;
44	58	}
45	59	}
46	60
47		-.components-form-token-field__input-container {
48		- background: #fff;
49		- 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;
50	66
51		- > .components-flex {
52		- padding: 12px;
	67	+ > .components-flex {
	68	+ padding: 12px;
	69	+ }
53	70	}
54	71	}
55	72
56		-#titlediv,
57		-.snippet-type-container {
58		- margin-block-end: 24px;
59		-}
60		-
61	73	.above-snippet-code {
62	74	margin-block: 0 15px;
63	75	display: flex;
64	76	align-items: center;
		@@ -64,17 +76,18 @@
64	76	align-items: center;
65	77	margin-inline: 0;
66	78	gap: 8px;
67	79
68		- h2 {
69		- margin: 0;
	80	+ label {
	81	+ font-size: 1.16em;
	82	+ font-weight: 600;
70	83	}
71	84
72	85	.expand-editor-button {
73	86	display: flex;
74		- gap: 5px;
75	87	align-items: center;
76	88	margin-inline-end: auto;
	89	+ gap: 5px;
77	90
78	91	.dashicons {
79	92	inline-size: 18px;
80	93	block-size: 18px;
		@@ -94,14 +107,4 @@
94	107
95	108	form.condition-snippet .snippet-code-container {
96	109	display: none;
97	110	}
98		-
99		-.cs-back {
100		- cursor: pointer;
101		-
102		- &::before {
103		- content: '<';
104		- color: #2271b1;
105		- margin-inline-end: 3px;
106		- }
107		-}