Fix editor CSS for person template (#656)

verdigado · Jul 12, 2024 · 034d5a1 · 034d5a1
1 parent 1f1c5e1
commit 034d5a1
Showing 1 changed file with 46 additions and 3 deletions.
diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css
@@ -28,21 +28,64 @@
  line-height: 1.5;
 }
 
+.wp-block-column-is-layout-flow {
+ height: 100%;
+}
+
 .wp-block-media-text.person {
  display: flex;
  flex-direction: column;
  height: 100%;
- margin-bottom: 10px;
 }
 
-.wp-block-media-text.person .h4,
 .wp-block-media-text.person .person-name {
- font-size: 27px;
+ font-size: 30px;
  font-weight: 700;
+}
+
+.wp-block-media-text.person .person-name {
  font-family: "GrueneType";
+}
+
+.wp-block-media-text.person .h4 {
+ font-size: 30px;
+ font-weight: 700;
  margin-bottom: 1rem;
 }
 
+.wp-block-media-text.person .h4 {
+ font-family: "GrueneType";
+}
+
+.wp-block-media-text.person .wp-block-media-text__content {
+ padding: 20px;
+ align-self: start;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media {
+ align-self: auto;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media img,
+.wp-block-media-text.person .wp-block-image img {
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ width: 100%;
+}
+
+.wp-block-media-text.person .wp-block-media-text__media figcaption,
+.wp-block-media-text.person .wp-block-image figcaption {
+ font-size: 15px;
+ text-align: right;
+}
+
 .d-flex .wp-block-group__inner-container {
  display: flex !important;
 }