← All changes | modules/optimization/assets/css/control.css +53 -17 1.1.0 → 1.7.7 View file →

		@@ -10,13 +10,13 @@
10	10	align-items: flex-start;
11	11	}
12	12
13	13	.image-optimization-control__buttons-wrapper {
14		- margin-top: 8px;
	14	+ margin-block-start: 8px;
15	15	}
16	16
17	17	.image-optimization-control__buttons-wrapper :not(:last-of-type) {
18		- margin-right: 8px;
	18	+ margin-inline-end: 8px;
19	19	}
20	20
21	21	.image-optimization-control--error {
22	22	flex-direction: column;
		@@ -34,18 +34,18 @@
34	34	font-family: Roboto, sans-serif;
35	35	font-size: 14px;
36	36	font-weight: 600;
37	37	line-height: 24px;
38		- margin-bottom: 15px;
	38	+ margin-block-end: 15px;
39	39	max-width: 200px;
40	40	}
41	41
42	42	.image-optimization-control__error-title {
43		- margin-bottom: 10px;
	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;
		@@ -55,17 +55,17 @@
55	55
56	56	.image-optimization-control__button--optimize > .spinner {
57	57	float: left;
58	58	padding: 0;
59		- margin-top: 4px;
	59	+ margin-block-start: 4px;
60	60	margin-left: 0;
61		- margin-bottom: 0;
	61	+ margin-block-end: 0;
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,14 +71,22 @@
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		- margin-bottom: 0;
	84	+ margin-block-end: 0;
77	85	}
78	86
79	87	.image-optimization-control .image-optimization-setting {
80		- margin-bottom: 0;
	88	+ margin-block-end: 0;
81	89	}
82	90
83	91	.image-optimization-control__property-value,
84	92	.image-optimization-control--details-view .setting .image-optimization-control__property-value {
		@@ -88,9 +96,9 @@
88	96	}
89	97
90	98	.image-optimization-control--details-view .setting .image-optimization-control__property-value {
91	99	margin: 6px 3px 3px;
92		- text-align: left;
	100	+ text-align: start;
93	101	}
94	102
95	103	.image-optimization-control--details-view .setting .image-optimization-control__property-value--button {
96	104	margin: 0 0 0 3px;
		@@ -103,23 +111,23 @@
103	111	margin: 25px 0 0 3px;
104	112	}
105	113
106	114	.image-optimization-control__action-button-wrapper {
107		- margin-top: 37px;
	115	+ margin-block-start: 37px;
108	116	display: flex;
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-right: 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	}