Make WordPress Core

Opened 15 months ago

Last modified 3 months ago

#58297 new defect (bug)

Twenty Seventeen: Table block does not have same design in editor and front.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.3
Component: Bundled Theme Keywords: needs-refresh has-patch
Focuses: css Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Seventeen Theme.
  2. Choose Table block.
  3. Add some text.
  4. Check that table in editor side and user side both.

In editor side we have the border and when you check front side that border is missing.

I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/JCmf3Y5bv6TZ1FXzMc5m

Attachments (1)

58297.2.patch (413 bytes) - added by nidhidhandhukiya 15 months ago.

Download all attachments as: .zip

Change History (4)

#1 @sabernhardt
14 months ago

  • Focuses css added
  • Summary changed from Twenty Seventeen - Table block does not have same design in editor and front. to Twenty Seventeen: Table block does not have same design in editor and front.
  • Version changed from 6.2 to 5.3

The border is not missing on the front end; it is a very light gray and only on the bottom for each cell. This is part of the theme's design.

The discrepancy comes from moving the .wp-block-table class to the figure element in WordPress 5.3, yet this theme still applies the block styles to a nonexistent table element with that class. Any change should be made to the editor stylesheet. On the other hand, having darker borders in the editor can make editing the table's content easier.

#2 @karmatosed
4 months ago

  • Keywords needs-refresh added

#3 @karmatosed
3 months ago

  • Keywords has-patch added
Note: See TracTickets for help on using tickets.