Search
Page Title
<h1 class="page-title">Page Title</h1>Since this is the single h1 element on the page, use the .visually-hidden class to hide it when needed.
This will preserve the heading structure for screen readers vs removing the block from the page.…
Content grid
How to lay out content.
IE grid of screenshot thumbnails in WYSIWYG?
Input height consistency
The select inputs are shorter than the text.
Page layout
page.html.twig
Just include Page component, allowing it to inherit page variables.
{{ include('mantra_starter:page') }}
Site slogan breaks header
Hide slogan on mobile?
Media download button
Example: https://www.retrograde.bike/media/179/edit
Too big and needs space.
Responsive design needs work.
Table smaller than page width should not be centered
Table views are rendered in a grid which is full width and centered.
Adjust the center grid column to be the width of the main page layout so that it's left aligned unless larger.
Pager
Changes
Use page numbers for first and last items.
Move previous/next links outside of first/last.
Responsive font size.
Configuration
Remove first/last text in pager settingsDefault set to use first and last page # when empty.
Display 3 pager items to…
Header
Mantra theme header - desktop
Components
Page
Page header
Responsive Menu
Responsive Menu Toggle
Create custom pager plugin
With the last change, the styles are applied to the full pager, but not all sites have the correct config.
Create a plugin in mantra_views that can be selected to apply the style.