mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-16 06:16:23 +02:00
Code Issues Releases Wiki Activity

fix: issue with CSS styles when in-between whole pixel values for viewport width (#3139)

Browse Source 
* fix: issue with CSS styles when in-between whole pixel values for viewport width

Fixes #2915

* chore: add explanatory comment

* fix: add missing slash
This commit is contained in:
David Wheatley
2021-10-29 19:57:53 +02:00
committed by GitHub
parent a6d4759ece
commit a4499678d9
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
framework/core/less/common/variables.less
View File

@ -119,13 +119,17 @@
// --------------------------------- // ---------------------------------
// BREAKPOINTS // BREAKPOINTS
@screen-phone-max: (@screen-tablet - 1); // We use `-0.02` here to fix an odd rendering glitch with specific operating system UI scaling, and combined
// with specific viewport sizes. This can result in the browser actually being 'between' media queries, which
// breaks our UI. See: https://github.com/flarum/core/issues/2915
@screen-phone-max: (@screen-tablet - 0.02);
@screen-tablet: 768px; @screen-tablet: 768px;
@screen-tablet-max: (@screen-desktop - 1); @screen-tablet-max: (@screen-desktop - 0.02);
@screen-desktop: 992px; @screen-desktop: 992px;
@screen-desktop-max: (@screen-desktop-hd - 1); @screen-desktop-max: (@screen-desktop-hd - 0.02);
@screen-desktop-hd: 1100px; @screen-desktop-hd: 1100px;