← All changes | modules/optimization/assets/css/control.css +43 -7 1.5.3 → 1.7.7 View file →

		@@ -43,9 +43,9 @@
43	43	margin-block-end: 10px;
44	44	}
45	45
46	46	.image-optimization-control__error-subtitle {
47		- color: #DC2626;
	47	+ color: #dc2626;
48	48	}
49	49
50	50	.image-optimization-control__button {
51	51	font-family: Roboto, sans-serif;
		@@ -62,10 +62,10 @@
62	62	}
63	63
64	64	.image-optimization-control--error .image-optimization-control__button--try-again,
65	65	.image-optimization-control--error .image-optimization-control__button--try-again:hover {
66		- color: #DC2626;
67		- border-color: #DC2626;
	66	+ color: #dc2626;
	67	+ border-color: #dc2626;
68	68	background: transparent;
69	69	}
70	70
71	71	.image-optimization-control__property {
		@@ -71,8 +71,16 @@
71	71	.image-optimization-control__property {
72	72	margin: 9px 0;
73	73	}
74	74
	75	+.image-optimization-control__details-button {
	76	+ background-color: transparent;
	77	+ border: none;
	78	+ cursor: pointer;
	79	+ color: #135e96;
	80	+ padding: 0;
	81	+}
	82	+
75	83	.image-optimization-control__property:last-of-type {
76	84	margin-block-end: 0;
77	85	}
78	86
		@@ -109,17 +117,17 @@
109	117	width: 100%;
110	118	justify-content: flex-end;
111	119	}
112	120
113		-.image-optimization-control__action-button-wrapper .button-link:not(:last-of-type) {
114		- margin-inline-end: 24px;
115		-}
116		-
117	121	.image-optimization-control__action-button-wrapper .button-link,
118	122	.image-optimization-control--details-view .image-optimization-control__property-value--button .button-link {
119	123	text-decoration: none;
120	124	}
121	125
	126	+.image-optimization-control__action-button-wrapper .button-link:not(:last-of-type) {
	127	+ margin-inline-end: 24px;
	128	+}
	129	+
122	130	.image-optimization-control__action-button-wrapper .button-link:hover,
123	131	.image-optimization-control--details-view .image-optimization-control__property-value--button .button-link:hover {
124	132	background-color: transparent;
125	133	}
		@@ -133,5 +141,33 @@
133	141
134	142	div .components-tooltip {
135	143	max-width: 165px;
136	144	text-align: start;
	145	+}
	146	+
	147	+/* Optimization details */
	148	+
	149	+#image-optimization-optimization-details-modal {
	150	+ padding: 20px 0;
	151	+}
	152	+
	153	+.image-optimization-details-table__property {
	154	+ display: block;
	155	+}
	156	+
	157	+.image-optimization-details-table__error {
	158	+ color: #dc2626;
	159	+ font-size: 18px;
	160	+ font-weight: 700;
	161	+}
	162	+
	163	+.image-optimization-details-table__property--error {
	164	+ color: #dc2626;
	165	+}
	166	+
	167	+body.dialog-container #TB_overlay {
	168	+ z-index: 999999;
	169	+}
	170	+
	171	+body.dialog-container #TB_window {
	172	+ z-index: 9999999;
137	173	}