mirror of https://github.com/zulip/zulip.git
64b78ad992
On a high-DPI display or with a non-default zoom level, the browser viewport may have a width strictly between md_max = 767px and md_min = 768px. Use only the *_min bounds for consistency. This requires queries with strict inequalities to express upper bounds (width < md_min). Fortunately, that functionality is provided by range context queries. Unfortunately, those are not supported in all browsers. Fortunately, we can compile them away using postcss-media-minmax. Unfortunately, postcss-media-minmax currently subtracts 1px for strict inequalities anyway to work around a Safari rounding bug. Fortunately, 0.02px should be sufficient for that, so I submitted a PR: https://github.com/postcss/postcss-media-minmax/pull/28 Signed-off-by: Anders Kaseorg <anders@zulip.com> |
||
|---|---|---|
| .. | ||
| portico | ||
| alerts.css | ||
| app_components.css | ||
| components.css | ||
| compose.css | ||
| drafts.css | ||
| hotspots.css | ||
| image_upload_widget.css | ||
| informational_overlays.css | ||
| input_pill.css | ||
| left_sidebar.css | ||
| lightbox.css | ||
| message_edit_history.css | ||
| night_mode.css | ||
| popovers.css | ||
| pygments.css | ||
| reactions.css | ||
| recent_topics.css | ||
| rendered_markdown.css | ||
| right_sidebar.css | ||
| settings.css | ||
| subscriptions.css | ||
| typing_notifications.css | ||
| user_circles.css | ||
| user_status.css | ||
| widgets.css | ||
| zulip.css | ||