Merge pull request #1182 from Automattic/fix/issue-1180

Stow: Fix horizontal scrolling issue on Mobile, fixes #1180
This commit is contained in:
Jeffrey Pearce 2019-08-05 14:45:09 +02:00 committed by GitHub
commit fb37133956
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 62 additions and 17 deletions

View file

@ -102,7 +102,7 @@ a {
}
#page {
.entry-header,
.entry-header,
.page-header,
.entry-footer,
.a8c-posts-list {
@ -113,10 +113,15 @@ a {
}
}
/**
* 4. Navigation Menu
* 4. Navigation
*/
/**
* 4.1 Main Navigation
*/
#site-navigation {
&.main-navigation {
ul {
li {
@ -187,7 +192,7 @@ a {
}
}
}
}
}
}
.main-menu {
background-color: #{map-deep-get($config-global, "color", "secondary", "default")};
@ -202,10 +207,18 @@ a {
}
}
/**
* 4.2 Social Navigation
*/
.social-navigation > div > ul {
margin-left: 0;
margin-right: 0;
}
/**
* 5. Archive Pagination and Post Navigation
*/
.pagination .nav-links > *,
.pagination .nav-links > *,
.post-navigation .post-title {
font-weight: normal;
}
@ -218,11 +231,11 @@ a {
* 6.1. Column Block
*/
.wp-block-coblocks-column {
h1,
h2,
h3,
h4,
h5,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .857em;
}
@ -237,8 +250,8 @@ a {
/**
* 6.2. Quote Block
*/
.wp-block-quote,
.wp-block-quote[style*="text-align:center"],
.wp-block-quote,
.wp-block-quote[style*="text-align:center"],
.wp-block-quote[style*="text-align:right"] {
border: 1px solid #f2f2f2;
padding: #{map-deep-get($config-global, "spacing", "horizontal")};;
@ -253,7 +266,7 @@ a {
/**
* 6.3. Hero Block and Cover Block
*/
.wp-block-coblocks-hero__box,
.wp-block-coblocks-hero__box,
.wp-block-cover__inner-container {
padding: #{map-deep-get($config-global, "spacing", "vertical")};
h1,
@ -287,8 +300,8 @@ a {
border-width: #{map-deep-get($config-button, "border-width")};
padding: #{map-deep-get($config-button, "padding", "vertical")} #{map-deep-get($config-button, "padding", "horizontal")};
display: inline-block;
&:focus,
&:hover,
&:focus,
&:hover,
&:visited {
color: #{map-deep-get($config-button, "color", "text-hover")};
background-color: #{map-deep-get($config-button, "color", "background-hover")};

View file

@ -1861,6 +1861,11 @@ hr.is-style-dots:before {
}
}
.jetpack_subscription_widget input[type="text"] {
padding: calc( 0.33 * 16px) !important;
width: 100% !important;
}
table,
.wp-block-table {
width: 100%;
@ -3322,7 +3327,10 @@ a {
}
/**
* 4. Navigation Menu
* 4. Navigation
*/
/**
* 4.1 Main Navigation
*/
#site-navigation.main-navigation ul li {
padding-right: 16px;
@ -3401,6 +3409,14 @@ a {
font-size: 1.2rem;
}
/**
* 4.2 Social Navigation
*/
.social-navigation > div > ul {
margin-right: 0;
margin-left: 0;
}
/**
* 5. Archive Pagination and Post Navigation
*/

View file

@ -1861,6 +1861,11 @@ hr.is-style-dots:before {
}
}
.jetpack_subscription_widget input[type="text"] {
padding: calc( 0.33 * 16px) !important;
width: 100% !important;
}
table,
.wp-block-table {
width: 100%;
@ -3327,7 +3332,10 @@ a {
}
/**
* 4. Navigation Menu
* 4. Navigation
*/
/**
* 4.1 Main Navigation
*/
#site-navigation.main-navigation ul li {
padding-left: 16px;
@ -3406,6 +3414,14 @@ a {
font-size: 1.2rem;
}
/**
* 4.2 Social Navigation
*/
.social-navigation > div > ul {
margin-left: 0;
margin-right: 0;
}
/**
* 5. Archive Pagination and Post Navigation
*/