Styling blips with v0.2.1

[bobbingwide]

SB v0.2.1 is functionally working fine. There are a couple of styling issues on my iPhone 13 mini and iPad.

• metadates wrapping
• no margins
• drop down menu styling for Sulphurous Brewmasters and Some Background
• font for tables could be smaller and/or horizontal scrolling supported
• Site Building menu minimises to hamburger

[bobbingwide]

drop down menu styling for Sulphurous Brewmasters and Some Background

This should be fixed in v0.3.0

[bobbingwide]

Site Building menu minimises to hamburger

The navigation block needs to have the overlayMenu attribute set to never.

<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"}} -->

[bobbingwide]

No margins

Can be resolved with some CSS for narrow devices

@media screen and  (max-width: 782px ) {
    .wp-site-blocks {
        margin: 0px 2%;
    }
}

[bobbingwide]

metadates wrapping

It looks better when arranged as a stack consisting of rows.

[bobbingwide]

font for tables could be smaller and/or horizontal scrolling supported

On the Table of attachments by date page the [bw_table] shortcode is wrapped in a Group.
Horizontal scrolling can be supported using inline CSS against this group.

 .wp-block-group {
overflow-x: auto;
overflow-y: hidden;
margin: 1em 0px;
}

Additional CSS styles the table.

table.bw_table { min-width: 800px; font-size: 14px; }
table th { text-align: left; }

• The table's minimum width is set to to the minimum width of the main content.
• The font size is reduced to 14px
• The table headings are left aligned.

For some other notes see https://herbmiller.me/horizontally-scrolling-tables-on-narrow-devices/

[bobbingwide]

• metadates wrapping - see Styling blips with v0.2.1 #33 (comment)
• no margins - see Styling blips with v0.2.1 #33 (comment)
• drop down menu styling for Sulphurous Brewmasters and Some Background - see Styling blips with v0.2.1 #33 (comment)
• font for tables could be smaller and/or horizontal scrolling supported - see Styling blips with v0.2.1 #33 (comment)
• Site Building menu minimises to hamburger - Styling blips with v0.2.1 #33 (comment)

[bobbingwide]

These 5 blips have been fixed in v0.3.1