← All changes | modules/widgets/milestone/style-admin.css +63 -0 16.2-beta → 16.3 View file →

		@@ -1,0 +1,63 @@
	1	+.milestone-widget fieldset {
	2	+ margin-bottom: 1em;
	3	+}
	4	+
	5	+.milestone-widget fieldset * {
	6	+ vertical-align: middle;
	7	+}
	8	+
	9	+.jp-ms-data-time input[type="text"] {
	10	+ text-align: right;
	11	+ width: 3.2em;
	12	+}
	13	+
	14	+.jp-ms-data-time .month {
	15	+ width: 5.4em;
	16	+
	17	+}
	18	+
	19	+.jp-ms-data-time .year[type="text"] {
	20	+ text-align: right;
	21	+ width: 4.5em;
	22	+}
	23	+
	24	+.jp-ms-data-time .assistive-text,
	25	+.jp-ms-data-unit .assistive-text {
	26	+ position: absolute !important;
	27	+ clip-path: inset(50%);
	28	+}
	29	+
	30	+@media screen and (max-width: 782px) {
	31	+
	32	+ .jp-ms-data-time input[type="text"],
	33	+ .jp-ms-data-time .year[type="text"] {
	34	+ width: 2.8em;
	35	+
	36	+ }
	37	+
	38	+ .jp-ms-data-time .year[type="text"] {
	39	+ width: 4em;
	40	+ }
	41	+}
	42	+
	43	+/* Fix styles of the Milestone block when it is displayed
	44	+ * as a part of the Legacy Widget block */
	45	+.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time .month {
	46	+ display: inline-block;
	47	+ width: 6.5em;
	48	+ min-height: 34px;
	49	+}
	50	+
	51	+.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time input[type="text"] {
	52	+ display: inline-block;
	53	+ width: 3.2em;
	54	+}
	55	+
	56	+.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time .year[type="text"] {
	57	+ width: 4.5em;
	58	+}
	59	+
	60	+.editor-styles-wrapper ul.milestone-type {
	61	+ list-style-type: none;
	62	+ padding-left: 0;
	63	+}