WordPress.org

Make WordPress Core

Changeset 43873


Ignore:
Timestamp:
11/06/2018 01:25:46 AM (13 months ago)
Author:
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-cover and .wp-block-cover-text in 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:
2 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentyfourteen/css/blocks.css

    r43797 r43873  
    128128}
    129129
    130 /* Cover Image */
    131 
    132 .wp-block-cover-image.aligncenter {
     130/* Cover */
     131
     132.wp-block-cover-image.aligncenter,
     133.wp-block-cover.aligncenter {
    133134    display: flex;
    134135}
    135 
    136136
    137137/* File */
     
    243243}
    244244
    245 /* Columns */
    246 
    247 .wp-block-columns {
    248     margin: 0 -0.5em;
    249 }
    250 
    251 .wp-block-column {
    252     margin: 0 0.5em;
    253 }
    254 
    255245/* Separator */
    256246
     
    262252.wp-block-separator.is-style-wide {
    263253    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;
    264264}
    265265
     
    273273.wp-block-categories.aligncenter,
    274274.wp-block-latest-posts.aligncenter {
     275    list-style-position: inside;
    275276    margin-left: 20px;
    276277    text-align: center;
  • branches/5.0/src/wp-content/themes/twentyfourteen/css/editor-blocks.css

    r43797 r43873  
    2222.edit-post-visual-editor .editor-block-list__block p,
    2323.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
     24    font-size: 16px;
    2425    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;
    2530}
    2631
     
    6974/* Main column width */
    7075
    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 */
    7578}
    7679
     
    308311}
    309312
    310 /* Cover Image */
    311 
    312 .wp-block-cover-image.aligncenter {
     313/* Cover */
     314
     315.wp-block-cover-image.aligncenter,
     316.wp-block-cover.aligncenter {
    313317    display: flex;
    314318}
     
    401405}
    402406
     407/* Media & Text */
     408
     409.wp-block-media-text *:last-child {
     410    margin-bottom: 0;
     411}
     412
    403413/*--------------------------------------------------------------
    4044146.0 Blocks - Widgets
     
    406416
    407417/* 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}
    408424
    409425.wp-block-archives li a,
Note: See TracChangeset for help on using the changeset viewer.