tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-04-21 02:23:43 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Pledge list: Update display on small screens

Browse source 
Fixes #279, fixes #290
This commit is contained in:
Kelly Dwan 2024-09-09 13:31:15 -04:00
parent 725c04baeb
commit 45875f73ca
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
themes/wporg-5ftf-2024/patterns/archive-5ftf-pledge.php
View file

@ -50,7 +50,7 @@ if ( is_search() ) {
</div> </div>
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} --> <!-- wp:post-template {"style":{"spacing":{"blockGap":"80px"}}} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
<div class="wp-block-group"> <div class="wp-block-group">
<!-- wp:group {"style":{"border":{"radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} --> <!-- wp:group {"style":{"border":{"radius":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"backgroundColor":"light-grey-2","layout":{"type":"constrained"}} -->

9
themes/wporg-5ftf-2024/src/style/style.scss
View file

@ -49,17 +49,24 @@ body.is-page-in-menu .wp-block-wporg-local-navigation-bar .wp-block-post-title {
max-width: 110px; max-width: 110px;
} }
} }
}
@media (max-width: 600px) { @media (max-width: 600px) {
+ * {
margin-block-start: 40px;
}
> .wp-block-group {
flex-direction: column; flex-direction: column;
> .wp-block-group:first-child { > .wp-block-group:first-child {
max-width: 100%; width: 100%;
align-self: center; align-self: center;
} }
.wp-block-post-featured-image { .wp-block-post-featured-image {
max-width: 100%; max-width: 100%;
width: 200px !important;
} }
} }
} }