← All changes | includes/admin/settings/css/admin-style.css +30 -0 4.4.1 → 4.5.2 View file →

		@@ -18,14 +18,28 @@
18	18	.wz-repeater-item .repeater-item-header {
19	19	display: flex;
20	20	justify-content: space-between;
21	21	align-items: center;
	22	+ width: 100%;
	23	+ margin: 0;
	24	+ background: transparent;
	25	+ color: inherit;
	26	+ font: inherit;
	27	+ text-align: start;
22	28	border-bottom: 1px solid #ddd;
	29	+ border-top: 0;
	30	+ border-right: 0;
	31	+ border-left: 0;
23	32	padding-bottom: 0.5rem;
24	33	cursor: pointer;
25	34	font-weight: bold;
26	35	}
27	36
	37	+.wz-repeater-item .repeater-item-header:focus-visible {
	38	+ outline: 2px solid #2271b1;
	39	+ outline-offset: 2px;
	40	+}
	41	+
28	42	/* Header for repeater field */
29	43	.wz-repeater-field-header {
30	44	margin-bottom: 0.5rem;
31	45	}
		@@ -105,8 +119,22 @@
105	119	.repeater-template {
106	120	display: none;
107	121	}
108	122
	123	+/* Disabled / pro-gated repeater: the subfields and the repeater's own buttons each
	124	+ carry a disabled attribute, which is what actually blocks interaction. These rules
	125	+ only supply the matching visual affordance on the wrapper, which cannot be disabled. */
	126	+.wz-repeater-disabled .add-item,
	127	+.wz-repeater-disabled .repeater-item-actions .button {
	128	+ pointer-events: none;
	129	+ opacity: 0.5;
	130	+ cursor: not-allowed;
	131	+}
	132	+
	133	+.wz-repeater-disabled .add-item:hover {
	134	+ background-color: #0073aa;
	135	+}
	136	+
109	137	/* Responsiveness for smaller screens */
110	138	@media screen and (max-width: 768px) {
111	139	.wz-repeater-wrapper {
112	140	margin-bottom: 1rem;
		@@ -642,5 +670,7 @@
642	670
643	671	.wz-default-value code {
644	672	font-size: 11px;
645	673	padding: 1px 5px;
	674	+ overflow-wrap: anywhere;
	675	+ word-break: break-word;
646	676	}