← All changes | jetpack_vendor/automattic/jetpack-post-list/src/style.css +59 -0 16.2-beta → 16.3-beta View file →

		@@ -1,0 +1,59 @@
	1	+/* Set the width of the thumbnail column */
	2	+.column-thumbnail {
	3	+ width: 50px;
	4	+}
	5	+
	6	+/* Style the thumbnail image. */
	7	+.column-thumbnail img {
	8	+ width: 50px;
	9	+ height: 50px;
	10	+ border-radius: 4px;
	11	+ object-fit: cover;
	12	+}
	13	+
	14	+/* Style the Dashicon placeholder for empty thumbnails. */
	15	+.column-thumbnail .dashicons {
	16	+ font-size: 50px;
	17	+ width: 50px;
	18	+ height: 50px;
	19	+ background: #c3c4c7;
	20	+ border-radius: 4px;
	21	+ color: #f6f7f7;
	22	+}
	23	+
	24	+/* Keep data-colname from appearing on mobile view. */
	25	+.column-thumbnail::before {
	26	+ content: "" !important;
	27	+}
	28	+
	29	+/* Move the "Thumbnail" and "Title" columns closer together. */
	30	+th.column-thumbnail {
	31	+ padding-right: 0;
	32	+}
	33	+
	34	+/* Don't display the "Thumbnail" column name in the header or footer. */
	35	+th.column-thumbnail span {
	36	+ display: none;
	37	+}
	38	+
	39	+/* Pull "Title" header name over in "Thumbnail"s place. */
	40	+th.column-thumbnail + th a {
	41	+ margin-left: -60px;
	42	+}
	43	+
	44	+/* If thumbnail column has .hidden class, the entire column is
	45	+ * toggled off. Don't pull "Title" header name over. */
	46	+th.column-thumbnail.hidden + th a {
	47	+ margin-left: 0;
	48	+}
	49	+
	50	+@media screen and (max-width: 782px) {
	51	+
	52	+ /*
	53	+ * Keep it as a table-cell.
	54	+ * See https://github.com/WordPress/wordpress-develop/blob/4a9a928dbcd1c91d3633c8de51614dd90d8ea0ac/src/wp-admin/css/list-tables.css#L1969.
	55	+ */
	56	+ .wp-list-table .is-expanded td:not(.hidden).column-thumbnail {
	57	+ display: table-cell !important;
	58	+ }
	59	+}