← All changes | includes/__css/admin/settings/ui__right_palette.css +117 -0 11.2 → 11.8.4 View file →

		@@ -1,4 +1,4 @@
1	1	/**
2	2	* Shared right palette styles for Booking Calendar admin pages.
3	3	*/
4	4
		@@ -46,8 +46,125 @@
46	46	.wpbc_rightbar_palette .wpbc_ts_inspector_body {
47	47	padding: 0;
48	48	}
49	49
	50	+/**
	51	+ * Content-only inspector body.
	52	+ *
	53	+ * Use this modifier for Help, information, and other panels whose direct
	54	+ * children are normal content instead of collapsible groups. Collapsible
	55	+ * inspectors keep the unpadded base body and own their spacing per group.
	56	+ */
	57	+.wpbc_rightbar_palette .wpbc_bfb__inspector__body.wpbc_bfb__inspector__body--content {
	58	+ box-sizing: border-box;
	59	+ padding: var(--wpbc-inspector-content-padding, 18px);
	60	+}
	61	+
	62	+/**
	63	+ * Content section inside an otherwise unpadded or collapsible inspector body.
	64	+ *
	65	+ * Use this for a standalone action row, notice, summary, or text block placed
	66	+ * beside collapsible groups. Use the body modifier when the entire panel is
	67	+ * normal content.
	68	+ */
	69	+.wpbc_rightbar_palette .wpbc_bfb__inspector__section--content {
	70	+ box-sizing: border-box;
	71	+ padding: var(--wpbc-inspector-content-padding, 18px);
	72	+}
	73	+
	74	+/**
	75	+ * Standard Builder-style field rows shared by all right-palette inspectors.
	76	+ */
	77	+.wpbc_rightbar_palette .inspector__row {
	78	+ align-items: flex-start;
	79	+ box-sizing: border-box;
	80	+ display: flex;
	81	+ flex: 1 1 100%;
	82	+ flex-flow: row wrap;
	83	+ gap: 10px;
	84	+ justify-content: flex-start;
	85	+ width: 100%;
	86	+}
	87	+.wpbc_rightbar_palette .inspector__label,
	88	+.wpbc_rightbar_palette .inspector__control {
	89	+ box-sizing: border-box;
	90	+ flex: 1 1 100%;
	91	+}
	92	+
	93	+/*
	94	+ * Shared inspector widths.
	95	+ *
	96	+ * Keep this block after the palette's full-width label/control default. The
	97	+ * source order makes an explicit width win without domain overrides, while
	98	+ * the unscoped helpers remain reusable by the Form Builder inspector.
	99	+ */
	100	+.inspector__row .inspector__w_10 { flex-basis: 10%; }
	101	+.inspector__row .inspector__w_20 { flex-basis: 20%; }
	102	+.inspector__row .inspector__w_30 { flex-basis: 30%; }
	103	+.inspector__row .inspector__w_40 { flex-basis: 40%; }
	104	+.inspector__row .inspector__w_50 { flex-basis: 50%; }
	105	+.inspector__row .inspector__w_60 { flex-basis: 60%; }
	106	+.inspector__row .inspector__w_70 { flex-basis: 70%; }
	107	+.inspector__row .inspector__w_80 { flex-basis: 80%; }
	108	+.inspector__row .inspector__w_90 { flex-basis: 90%; }
	109	+.inspector__row .inspector__w_100 { flex-basis: 100%; }
	110	+.inspector__row .inspector__w_05 { flex-basis: 5%; }
	111	+.inspector__row .inspector__w_15 { flex-basis: 15%; }
	112	+.inspector__row .inspector__w_25 { flex-basis: 25%; }
	113	+.inspector__row .inspector__w_35 { flex-basis: 35%; }
	114	+.inspector__row .inspector__w_45 { flex-basis: 45%; }
	115	+.inspector__row .inspector__w_55 { flex-basis: 55%; }
	116	+.inspector__row .inspector__w_65 { flex-basis: 65%; }
	117	+.inspector__row .inspector__w_75 { flex-basis: 75%; }
	118	+.inspector__row .inspector__w_85 { flex-basis: 85%; }
	119	+.inspector__row .inspector__w_95 { flex-basis: 95%; }
	120	+
	121	+.wpbc_rightbar_palette .inspector__label {
	122	+ color: var(--wpbc-palette-text);
	123	+ font-size: 14px;
	124	+ font-weight: 600;
	125	+ line-height: 1.75;
	126	+ margin: 0;
	127	+}
	128	+
	129	+.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
	130	+.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > select,
	131	+.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > textarea,
	132	+.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__input {
	133	+ box-sizing: border-box;
	134	+ line-height: 2.4;
	135	+ max-width: 100%;
	136	+ width: 100%;
	137	+}
	138	+
	139	+.wpbc_rightbar_palette .inspector__control--inline {
	140	+ align-items: stretch;
	141	+ display: flex;
	142	+ flex-flow: row nowrap;
	143	+ gap: 8px;
	144	+}
	145	+
	146	+.wpbc_rightbar_palette .inspector__control--inline .inspector__input--unit {
	147	+ flex: 0 0 72px;
	148	+ width: 72px;
	149	+}
	150	+
	151	+.wpbc_rightbar_palette .inspector__row--toggle .wpbc_ui__toggle {
	152	+ align-items: center;
	153	+ display: flex;
	154	+ float: none;
	155	+ margin: 0;
	156	+ min-height: 26px;
	157	+ position: static;
	158	+}
	159	+
	160	+.wpbc_rightbar_palette .inspector__help {
	161	+ color: var(--wpbc-palette-muted);
	162	+ font-size: 12px;
	163	+ line-height: 1.5;
	164	+ margin: 7px 0 0;
	165	+}
	166	+
50	167	.wpbc_rightbar_palette__row,
51	168	.wpbc_rightbar_palette .wpbc_ts_inspector_row {
52	169	align-items: flex-start;
53	170	display: flex;