Skip to content

Commit

Permalink
Update headers to show a long site title properly (#8526)
Browse files Browse the repository at this point in the history
  • Loading branch information
@iamtakashi
iamtakashi authored Dec 16, 2024
1 parent 0bf9bc0 commit 630b6b6
Show file tree
Hide file tree
Showing 4 changed files with 10 additions and 16 deletions.
8 changes: 4 additions & 4 deletions psychedeli/patterns/header-home.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
* Inserter: no
*/
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/psychedeli_flowerpower.png","hasParallax":true,"isRepeated":true,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"full","metadata":{"name":"Header Home Cover"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|40","bottom":"0","right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-parallax is-repeated" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0"><div class="wp-block-cover__image-background size-full has-parallax is-repeated" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/psychedeli_flowerpower.png)"></div><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"metadata":{"name":"Contrast Color Wrapper"},"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/psychedeli_flowerpower.png","hasParallax":true,"isRepeated":true,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"full","metadata":{"name":"Header Home Cover"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"0","right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light has-parallax is-repeated" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:0;padding-left:0"><div class="wp-block-cover__image-background size-full has-parallax is-repeated" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/psychedeli_flowerpower.png)"></div><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"metadata":{"name":"Contrast Color Wrapper"},"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"}},"backgroundColor":"contrast","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-contrast-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"metadata":{"name":"Header Wrapper"},"align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"align":"wide","style":{"dimensions":{"minHeight":"40px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group alignwide" style="min-height:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:site-logo {"width":24,"shouldSyncIcon":false} /--></div>
Expand All @@ -27,8 +27,8 @@
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"border":{"left":{"width":"1px"},"top":[],"right":{"width":"1px"},"bottom":[]}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="border-right-width:1px;border-left-width:1px;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="min-height:100%;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><!-- wp:site-title {"level":0,"className":"no-underline"} /--></div>
<div class="wp-block-column is-vertically-aligned-stretch" style="border-right-width:1px;border-left-width:1px;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"right":"0","left":"0","top":"14px","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="min-height:100%;padding-top:14px;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:site-title {"level":0,"textAlign":"center"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

Expand Down
4 changes: 2 additions & 2 deletions psychedeli/patterns/header.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"border":{"left":{"width":"1px"},"top":[],"right":{"width":"1px"},"bottom":[]}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="border-right-width:1px;border-left-width:1px;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="min-height:100%;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0"><!-- wp:site-title {"level":0} /--></div>
<div class="wp-block-column is-vertically-aligned-stretch" style="border-right-width:1px;border-left-width:1px;flex-basis:60%"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"padding":{"right":"0","left":"0","top":"14px","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
<div class="wp-block-group" style="min-height:100%;padding-top:14px;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:site-title {"level":0,"textAlign":"center"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

Expand Down
10 changes: 2 additions & 8 deletions psychedeli/patterns/home.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,13 +130,7 @@
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"50%","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:jetpack/subscriptions {"subject":"[Psychedeli] Blog Home","to":"[email protected]","className":"is-style-animated"} -->
<div class="wp-block-jetpack-subscriptions is-style-animated">
<!-- wp:jetpack/field-name {"required":true,"requiredText":"(required)","borderWidth":0,"labelFontSize":"x-small","fieldFontSize":"small","lineHeight":1,"labelLineHeight":1} /-->
<!-- wp:jetpack/field-email {"required":true,"requiredText":"(required)","borderWidth":0,"labelFontSize":"x-small","fieldFontSize":"small","lineHeight":1,"labelLineHeight":1} /-->
<!-- wp:jetpack/button {"element":"button","text":"Subscribe","borderRadius":2,"width":"100%","lock":{"remove":true}} /-->
</div>
<!-- /wp:jetpack/subscriptions --></div>
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:50%"><!-- wp:jetpack/subscriptions {"buttonWidth":"25%","className":"is-style-compact"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Expand Down Expand Up @@ -208,4 +202,4 @@

<!-- wp:group {"metadata":{"name":"Footer wrapper"},"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:template-part {"slug":"footer","tagName":"footer","align":"wide"} /--></div>
<!-- /wp:group -->
<!-- /wp:group -->
4 changes: 2 additions & 2 deletions psychedeli/theme.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -680,7 +680,7 @@
"fontSize": "var(--wp--preset--font-size--x-large)",
"fontStyle": "normal",
"fontWeight": "400",
"lineHeight": "0"
"lineHeight": "0.8"
}
},
"core/social-links": {
Expand Down Expand Up @@ -828,4 +828,4 @@
],
"version": 3,
"$schema": "https://schemas.wp.org/trunk/theme.json"
}
}

0 comments on commit 630b6b6

Please sign in to comment.