Changeset 43873 – WordPress Trac (original) (raw)
Timestamp:
11/06/2018 01:25:46 AM (7 years ago)
laurelfulford
Message:
Twenty Fourteen: Fix issues with theme's Gutenberg support.
A handful of issues were missed in Twenty Fourteen's Gutenberg support, added in #45042. This commit includes the following fixes:
- Update editor placeholder text to use the correct font family.
- Center text and bullets in list-based widget blocks, when block itself is centered.
- Remove unnecessary spacing from the Columns block.
- Add spacing underneath the Media & Text block, but make sure the final paragraph in the block doesn't add too much space.
- Include non "image" variations of the Cover block classes
.wp-block-coverand.wp-block-cover-textin the styles. - Simplify selectors used to set editor width to just
.wp-block.
Props pento, davidakennedy.
Fixes #45243.
Location:
branches/5.0/src/wp-content/themes/twentyfourteen/css
Files:
Legend:
Unmodified
Added
Removed
| r43797 | r43873 | |
|---|---|---|
| 128 | 128 | } |
| 129 | 129 | |
| 130 | /* Cover Image */ | |
| 131 | ||
| 132 | .wp-block-cover-image.aligncenter { | |
| 130 | /* Cover */ | |
| 131 | ||
| 132 | .wp-block-cover-image.aligncenter, | |
| 133 | .wp-block-cover.aligncenter { | |
| 133 | 134 | display: flex; |
| 134 | 135 | } |
| 135 | ||
| 136 | 136 | |
| 137 | 137 | /* File */ |
| … | … | |
| 243 | 243 | } |
| 244 | 244 | |
| 245 | ||
| 246 | ||
| 247 | ||
| 248 | ||
| 249 | ||
| 250 | ||
| 251 | ||
| 252 | ||
| 253 | ||
| 254 | ||
| 255 | 245 | /* Separator */ |
| 256 | 246 | |
| … | … | |
| 262 | 252 | .wp-block-separator.is-style-wide { |
| 263 | 253 | max-width: 100%; |
| 254 | } | |
| 255 | ||
| 256 | /* Media & Text */ | |
| 257 | ||
| 258 | .wp-block-media-text { | |
| 259 | margin-bottom: 24px; | |
| 260 | } | |
| 261 | ||
| 262 | .wp-block-media-text *:last-child { | |
| 263 | margin-bottom: 0; | |
| 264 | 264 | } |
| 265 | 265 | |
| … | … | |
| 273 | 273 | .wp-block-categories.aligncenter, |
| 274 | 274 | .wp-block-latest-posts.aligncenter { |
| 275 | list-style-position: inside; | |
| 275 | 276 | margin-left: 20px; |
| 276 | 277 | text-align: center; |
| r43797 | r43873 | |
|---|---|---|
| 22 | 22 | .edit-post-visual-editor .editor-block-list__block p, |
| 23 | 23 | .editor-default-block-appender input[type="text"].editor-default-block-appender__content { |
| 24 | font-size: 16px; | |
| 24 | 25 | line-height: 1.5; |
| 26 | } | |
| 27 | ||
| 28 | .editor-default-block-appender input[type="text"].editor-default-block-appender__content { | |
| 29 | font-family: Lato, sans-serif; | |
| 25 | 30 | } |
| 26 | 31 | |
| … | … | |
| 69 | 74 | /* Main column width */ |
| 70 | 75 | |
| 71 | body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block, | |
| 72 | body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender, | |
| 73 | body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block { | |
| 74 | max-width: 504px; /* 474 + 30 for editor block padding */ | |
| 76 | .wp-block { | |
| 77 | max-width: 504px; /* 474px + 30px to account for padding */ | |
| 75 | 78 | } |
| 76 | 79 | |
| … | … | |
| 308 | 311 | } |
| 309 | 312 | |
| 310 | /* Cover Image */ | |
| 311 | ||
| 312 | .wp-block-cover-image.aligncenter { | |
| 313 | /* Cover */ | |
| 314 | ||
| 315 | .wp-block-cover-image.aligncenter, | |
| 316 | .wp-block-cover.aligncenter { | |
| 313 | 317 | display: flex; |
| 314 | 318 | } |
| … | … | |
| 401 | 405 | } |
| 402 | 406 | |
| 407 | /* Media & Text */ | |
| 408 | ||
| 409 | .wp-block-media-text *:last-child { | |
| 410 | margin-bottom: 0; | |
| 411 | } | |
| 412 | ||
| 403 | 413 | /*-------------------------------------------------------------- |
| 404 | 414 | 6.0 Blocks - Widgets |
| … | … | |
| 406 | 416 | |
| 407 | 417 | /* Archives, Categories & Latest Posts */ |
| 418 | ||
| 419 | [data-align="center"] .wp-block-archives ul, | |
| 420 | [data-align="center"] .wp-block-categories ul, | |
| 421 | [data-align="center"] .wp-block-categories ul { | |
| 422 | list-style-position: inside; | |
| 423 | } | |
| 408 | 424 | |
| 409 | 425 | .wp-block-archives li a, |
Note: See TracChangeset for help on using the changeset viewer.