Make the documentation logo hiDPI-friendly

This also sets the documentation logo to a fixed size in the CSS
to prevent reflows during page loading.
This commit is contained in:
Hugo Locurcio
2020-04-11 13:35:37 +02:00
parent 35bd40e3b9
commit c50cd002ad
2 changed files with 7 additions and 0 deletions

View File

@@ -593,6 +593,13 @@ kbd, .kbd {
opacity: var(--logo-opacity);
}
.wy-side-nav-search > a img.logo {
/* Fixed size to prevent reflows and support hiDPI displays */
/* A 5 pixel margin is added on each side. The logo itself displays at 200×200 at 100% scaling. */
width: 210px;
height: 210px;
}
.wy-side-nav-search {
background-color: var(--navbar-background-color);
}