4 Commits

Author	SHA1	Message	Date
Anders Kaseorg	64b78ad992	styles: Use range context queries to eliminate *_max variables. ... 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>	2021-02-05 09:23:59 -08:00
Aman Agrawal	b38dc0a48b	user_status: Expand to full width on mobile like width devices. ... Use 424px as a breakpoint vs 384px.	2021-01-25 14:49:32 -08:00
Pranav Joglekar	089af801fb	ui: Make the set status modal mobile responsive. ... The set status modal to add/remove/update user status was not visible properly on devices with a small width. This commit fixes the issue by adding appropriate media queries to the css to make the modal mobile responsive. Fixes part of #16817.	2020-12-18 12:45:14 -08:00
Anders Kaseorg	a3d26d701e	styles: Rename .scss files back to .css. ... css-loader@4 broke @import statements referencing files with extensions other than .css, unless those @import statements are compiled away by another loader. Upstream is more interested in arguing that such @import statements are semantically incorrect than applying the one line fix. https://github.com/webpack-contrib/css-loader/issues/1164 Signed-off-by: Anders Kaseorg <anders@zulip.com>	2020-09-15 16:33:28 -07:00