Commit Graph

4 Commits

Author SHA1 Message Date
Fabian Bläse 1d3f71bcc4 css: Add scrollbar-gutter property to prevent shifted content
ci/woodpecker/push/woodpecker Pipeline was successful Details
Some pages require a scroll bar, some do not. If the scroll bar is
hidden on a page that do not require it (default behavior of most
browsers), centered content is shifted to the right slightly.

Fix this behavior by using the scrollbar-gutter property, so the
renderer automatically reserves space for the scrollbar.
2023-03-01 21:47:48 +01:00
Johannes Kimmel a74cde38db use dimmed background for table headers
01-env build environment Details
02-git-checkout git checkout Details
03-hugo-version hugo version Details
04-hugo-build hugo build Details
05-preview website preview Details
ci/woodpecker/push/woodpecker Pipeline was successful Details
Currently all even table rows are dimmed down to help the reader's
orientation. The problem is that <tr> elements within a table are
further split into sections of <thead> and <tbody>. As a result, the
counter is not the some for all <tr> in the table, but there are two
separate counters for elements within <thead> and <tbody> respectively.

This can be visually distracting since the table appears to start with 2
light rows and only then the pattern of alternating backgrounds begins.

For most cases dimming the table headers works fine to help with this
issue.

Fixes: #23
2023-02-26 21:54:36 +01:00
Fabian Bläse 199e1a8450 css: Improve content shadow for short pages
ci/woodpecker/push/woodpecker Pipeline was successful Details
Extend the content container to viewport height, so the visual
separation of the content and the sidebar items spreads over the whole
height.
2023-02-21 15:25:19 +01:00
Fabian Bläse 325ca42a21 Make style + layout easier to read 2023-01-19 16:35:54 +01:00