فهرست منبع

tweaked the post meta and updated the pattern markup

Maggie 4 سال پیش
والد
کامیت
77d28f1847
4فایلهای تغییر یافته به همراه57 افزوده شده و 15 حذف شده
  1. 23 0
      quadrat/assets/theme.css
  2. 15 15
      quadrat/inc/patterns/query-diamond.php
  3. 12 0
      quadrat/sass/block-styles/_query.scss
  4. 7 0
      quadrat/sass/templates/_meta.scss

+ 23 - 0
quadrat/assets/theme.css

@@ -81,6 +81,20 @@
 	background: #fff;
 	background: #fff;
 }
 }
 
 
+.is-style-quadrat-diamond-posts .post-meta {
+	justify-content: flex-start;
+}
+
+.is-style-quadrat-diamond-posts .wp-block-query-pagination a,
+.is-style-quadrat-diamond-posts .post-meta a {
+	text-decoration: none;
+}
+
+.is-style-quadrat-diamond-posts .wp-block-query-pagination a:hover,
+.is-style-quadrat-diamond-posts .post-meta a:hover {
+	text-decoration: underline;
+}
+
 .is-style-quadrat-diamond-posts .wp-block-column {
 .is-style-quadrat-diamond-posts .wp-block-column {
 	flex-basis: auto;
 	flex-basis: auto;
 }
 }
@@ -700,6 +714,11 @@ textarea:focus {
 	margin: 0 8px;
 	margin: 0 8px;
 }
 }
 
 
+.post-meta > *::before,
+.post-meta .wp-block-post-date::before {
+	content: "";
+}
+
 .post-meta .wp-block-post-terms {
 .post-meta .wp-block-post-terms {
 	margin-left: 0;
 	margin-left: 0;
 	color: transparent;
 	color: transparent;
@@ -715,6 +734,10 @@ textarea:focus {
 	color: var(--wp--custom--color--foreground);
 	color: var(--wp--custom--color--foreground);
 }
 }
 
 
+.post-meta .wp-block-post-terms a:not(:last-child):after {
+	content: ",";
+}
+
 .wp-block-query .wp-block-post-featured-image {
 .wp-block-query .wp-block-post-featured-image {
 	margin-top: calc( var(--wp--custom--margin--vertical) / 2);
 	margin-top: calc( var(--wp--custom--margin--vertical) / 2);
 }
 }

+ 15 - 15
quadrat/inc/patterns/query-diamond.php

@@ -10,31 +10,31 @@ return array(
 	'categories' => array( 'quadrat' ),
 	'categories' => array( 'quadrat' ),
 	'content'    => '<!-- wp:query {"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list","columns":3},"align":"wide","className":"is-style-quadrat-diamond-posts"} -->
 	'content'    => '<!-- wp:query {"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list","columns":3},"align":"wide","className":"is-style-quadrat-diamond-posts"} -->
 	<div class="wp-block-query alignwide is-style-quadrat-diamond-posts"><!-- wp:post-template -->
 	<div class="wp-block-query alignwide is-style-quadrat-diamond-posts"><!-- wp:post-template -->
-	<!-- wp:columns {"verticalAlignment":null} -->
+	<!-- wp:columns -->
 	<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
 	<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
-	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group -->
-	<div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag"} /-->
-
-	<!-- wp:post-date /--></div>
+	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"className":"post-meta"} -->
+	<div class="wp-block-group post-meta"><!-- wp:post-date {"fontSize":"tiny"} /-->
+	
+	<!-- wp:post-terms {"term":"category","fontSize":"tiny"} /--></div>
 	<!-- /wp:group -->
 	<!-- /wp:group -->
-
+	
 	<!-- wp:post-title {"textAlign":"left","isLink":true,"fontSize":"extra-large"} /-->
 	<!-- wp:post-title {"textAlign":"left","isLink":true,"fontSize":"extra-large"} /-->
-
-	<!-- wp:post-excerpt {"moreText":"Read more"} /--></div>
+	
+	<!-- wp:post-excerpt {"moreText":"Read more","fontSize":"normal"} /--></div>
 	<!-- /wp:column -->
 	<!-- /wp:column -->
-
-	<!-- wp:column {"width":""} -->
+	
+	<!-- wp:column -->
 	<div class="wp-block-column"><!-- wp:post-featured-image /--></div>
 	<div class="wp-block-column"><!-- wp:post-featured-image /--></div>
 	<!-- /wp:column --></div>
 	<!-- /wp:column --></div>
 	<!-- /wp:columns -->
 	<!-- /wp:columns -->
 	<!-- /wp:post-template -->
 	<!-- /wp:post-template -->
-
+	
 	<!-- wp:query-pagination -->
 	<!-- wp:query-pagination -->
-	<div class="wp-block-query-pagination"><!-- wp:query-pagination-previous /-->
-
+	<div class="wp-block-query-pagination"><!-- wp:query-pagination-previous {"label":"Previous Page"} /-->
+	
 	<!-- wp:query-pagination-numbers /-->
 	<!-- wp:query-pagination-numbers /-->
-
-	<!-- wp:query-pagination-next /--></div>
+	
+	<!-- wp:query-pagination-next {"label":"Next Page"} /--></div>
 	<!-- /wp:query-pagination --></div>
 	<!-- /wp:query-pagination --></div>
 	<!-- /wp:query -->',
 	<!-- /wp:query -->',
 );
 );

+ 12 - 0
quadrat/sass/block-styles/_query.scss

@@ -1,4 +1,16 @@
 .is-style-quadrat-diamond-posts {
 .is-style-quadrat-diamond-posts {
+	.post-meta {
+		justify-content: flex-start;
+	}
+	.wp-block-query-pagination,
+	.post-meta {
+		a {
+			text-decoration: none;
+			&:hover {
+				text-decoration: underline;
+			}
+		}
+	} 
 	.wp-block-column {
 	.wp-block-column {
 		flex-basis: auto;
 		flex-basis: auto;
 		&:last-child {
 		&:last-child {

+ 7 - 0
quadrat/sass/templates/_meta.scss

@@ -13,6 +13,9 @@
 	> *,
 	> *,
 	.wp-block-post-date {
 	.wp-block-post-date {
 		margin: 0 8px;
 		margin: 0 8px;
+		&::before {
+			content: "";
+		}
 	}
 	}
 
 
 	.wp-block-post-terms {
 	.wp-block-post-terms {
@@ -27,6 +30,10 @@
 		color: transparent;
 		color: transparent;
 		a {
 		a {
 			color: var(--wp--custom--color--foreground);
 			color: var(--wp--custom--color--foreground);
+			&:not(:last-child):after {
+				// to be removed after https://github.com/WordPress/gutenberg/pull/32812 lands
+				content: ",";
+			}
 		}
 		}
 	}
 	}
 }
 }