Browse Source

Videomaker: Fix post terms spacing. Closes #4890 (#4910)

Daniel Dudzic 3 years ago
parent
commit
7e64b2d986
2 changed files with 13 additions and 3 deletions
  1. 8 2
      videomaker/assets/theme.css
  2. 5 1
      videomaker/sass/blocks/_post-terms.scss

+ 8 - 2
videomaker/assets/theme.css

@@ -84,7 +84,7 @@ a:active {
 	color: var(--wp--custom--color--background);
 }
 
-div.post-meta {
+div.post-meta.wp-block-group {
 	gap: 0;
 }
 
@@ -132,6 +132,12 @@ footer > .wp-block-group p {
 	margin-bottom: 0;
 }
 
+.post-tags-container .taxonomy-post_tag.wp-block-post-terms {
+	display: flex;
+	flex-wrap: wrap;
+	gap: calc( var( --wp--style--block-gap, 1em ) * .6);
+}
+
 .post-tags-container .taxonomy-post_tag.wp-block-post-terms a {
 	background: var(--wp--custom--color--tertiary);
 	border-radius: 20px;
@@ -140,7 +146,7 @@ footer > .wp-block-group p {
 }
 
 .post-tags-container .taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator {
-	visibility: hidden;
+	display: none;
 }
 
 .wp-block-post-navigation-link {

+ 5 - 1
videomaker/sass/blocks/_post-terms.scss

@@ -1,5 +1,9 @@
 .post-tags-container {
 	.taxonomy-post_tag.wp-block-post-terms {
+		display: flex;
+		flex-wrap: wrap;
+		gap: calc( var( --wp--style--block-gap, 1em ) * .6 );
+
 		a {
 			background: var(--wp--custom--color--tertiary);
 			border-radius: 20px;
@@ -8,7 +12,7 @@
 		}
 
 		.wp-block-post-terms__separator {
-			visibility: hidden;
+			display: none;
 		}
 	}
 }