mirror of
https://github.com/flarum/framework.git
synced 2024-12-02 15:03:44 +08:00
* Fix blurry chrome image rendering for Avatar / Logo - closes #1259 * Add comments for Chrome css fix
This commit is contained in:
parent
cf9a7f141a
commit
244280ae05
|
@ -171,6 +171,8 @@
|
||||||
.Header-logo {
|
.Header-logo {
|
||||||
max-height: 30px;
|
max-height: 30px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
// Prevent blurriness in Chrome
|
||||||
|
image-rendering: -webkit-optimize-contrast;
|
||||||
}
|
}
|
||||||
|
|
||||||
// On phones, the header is displayed inside of the drawer. We lay its
|
// On phones, the header is displayed inside of the drawer. We lay its
|
||||||
|
|
|
@ -14,6 +14,8 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
// Prevent blurriness in Chrome
|
||||||
|
image-rendering: -webkit-optimize-contrast;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user