Mkdocs-material: Search bar results is misaligned by 1 pixel

Created on 15 Jun 2017  路  3Comments  路  Source: squidfunk/mkdocs-material

Description

This is really minor, but the search bar results panel is misaligned with the search text box by 1 pixel.

Expected behavior

The search bar result element to be perfectly aligned with the search text box.

image

Actual behavior

image

Steps to reproduce the bug

  1. Click on the search bar
  2. Notice that the search result is 1 pixel misaligned

Package versions

  • Python: 2.7.13
  • MkDocs: 0.16.3
  • Material: 1.7.2

Project configuration

Not relevant, also happening on the main MkDocs Material website.

System information

  • OS: Windows 10
  • Browser: Chrome
bug fix available

Most helpful comment

Fixed in #505.

All 3 comments

This is a known problem which stems from the rem/font-based sitzing of the theme on large screens, see:

https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/layout/_base.scss#L37-L50

This is related to subpixel rounding. If someone has a fix that does not kill the nice feature of automatic sizing, I'm happy to include it.

Fixed in #505.

Released with 1.12.0

Was this page helpful?
0 / 5 - 0 ratings