Explorar o código

fix site-title alignment with multiple social icons (#6040)

Madhu Dollu %!s(int64=3) %!d(string=hai) anos
pai
achega
0f64319bba
Modificáronse 1 ficheiros con 12 adicións e 6 borrados
  1. 12 6
      pendant/parts/header.html

+ 12 - 6
pendant/parts/header.html

@@ -1,11 +1,17 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
-<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background" style="padding-top:0px;padding-bottom:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"3vw","top":"3vw"}}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
-<div class="wp-block-group alignfull" style="padding-top:3vw;padding-bottom:3vw"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"foreground","overlayTextColor":"background"} /-->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background" style="padding-top:0px;padding-bottom:0px"><!-- wp:columns {"isStackedOnMobile":false,"align":"wide","style":{"spacing":{"padding":{"top":"2.75rem","bottom":"2.75rem"}}}} -->
+<div class="wp-block-columns alignwide is-not-stacked-on-mobile" style="padding-top:2.75rem;padding-bottom:2.75rem"><!-- wp:column -->
+<div class="wp-block-column"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"foreground","overlayTextColor":"background"} /--></div>
+<!-- /wp:column -->
 
-<!-- wp:site-title {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} /-->
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:site-title {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} /--></div>
+<!-- /wp:column -->
 
-<!-- wp:social-links {"iconColor":"background","iconColorValue":"currentColor","className":"is-style-logos-only"} -->
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:social-links {"iconColor":"background","iconColorValue":"currentColor","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} -->
 <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /--></ul>
 <!-- /wp:social-links --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->