From 790c8a1582af4afba57b6dcfe9caaedde9f8feab Mon Sep 17 00:00:00 2001 From: Anders Kaseorg Date: Sun, 5 Mar 2023 18:31:58 -0800 Subject: [PATCH] stylelint: Fix at-rule-empty-line-before. Signed-off-by: Anders Kaseorg --- web/styles/portico/integrations.css | 1 + web/styles/search.css | 1 + web/styles/user_status.css | 1 + web/styles/zulip.css | 5 +++++ 4 files changed, 8 insertions(+) diff --git a/web/styles/portico/integrations.css b/web/styles/portico/integrations.css index f54362c455..a017f4a716 100644 --- a/web/styles/portico/integrations.css +++ b/web/styles/portico/integrations.css @@ -426,6 +426,7 @@ $category-text: hsl(219, 23%, 33%); font-size: 0.9em; } } + @media (max-width: 550px) { .button { display: flex; diff --git a/web/styles/search.css b/web/styles/search.css index da1290b3b1..1dca04dce3 100644 --- a/web/styles/search.css +++ b/web/styles/search.css @@ -149,6 +149,7 @@ font-size: 14px; } } + @media (width < $sm_min) { #search_arrows .pill { line-height: 20px; diff --git a/web/styles/user_status.css b/web/styles/user_status.css index a7870ad238..6c54dbf65b 100644 --- a/web/styles/user_status.css +++ b/web/styles/user_status.css @@ -13,6 +13,7 @@ border: none; background-color: transparent; padding-right: 25px; + @media (width < $ml_min) { width: 92%; } diff --git a/web/styles/zulip.css b/web/styles/zulip.css index cbd6981773..39ad580e13 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -35,6 +35,7 @@ body, This is the header, aka the navbar. */ --header-height: 40px; + @media (width < $sm_min) { --header-height: 30px; } @@ -1753,6 +1754,7 @@ div.focused_table { padding: 12px 6px; overflow: hidden; text-overflow: ellipsis; + @media (width < $sm_min) { padding: 7px 3.5px; /* based on having ~41.66% decrease */ } @@ -1822,6 +1824,7 @@ div.focused_table { height: 50%; color: hsl(0, 0%, 88%); font-size: 20px; + @media (width < $sm_min) { top: 10%; } @@ -1829,6 +1832,7 @@ div.focused_table { &::before { left: -3px; + @media (width < $sm_min) { /* this ensures the before "|" doesn't overlap with the stream name text on small narrows */ @@ -1872,6 +1876,7 @@ div.focused_table { font-size: 20px; padding: 10px 15px 0 0; + @media (width < $sm_min) { padding: 5px 15px 0 0; }