diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css index 6e2c38a90d..ed33c01cb3 100644 --- a/web/styles/left_sidebar.css +++ b/web/styles/left_sidebar.css @@ -212,8 +212,7 @@ li.show-more-topics { #left_sidebar_scroll_container { outline: none; - overflow-x: hidden; - overflow-y: auto; + overflow: hidden auto; position: relative; z-index: 0; width: 100%; @@ -1058,8 +1057,7 @@ li.topic-list-item { .conversation-partners-icon { grid-area: starting-anchor-element; - justify-self: center; - align-self: center; + place-self: center; } .user_circle { diff --git a/web/styles/portico/footer.css b/web/styles/portico/footer.css index 7839242a3c..85cbe61aaa 100644 --- a/web/styles/portico/footer.css +++ b/web/styles/portico/footer.css @@ -43,8 +43,7 @@ text-transform: uppercase; border-bottom: 0; margin-bottom: 0; - margin-block-start: 0; - margin-block-end: 0; + margin-block: 0; } .footer__section ul { diff --git a/web/styles/portico/hello.css b/web/styles/portico/hello.css index e4c2a2ddae..a8bd7b6027 100644 --- a/web/styles/portico/hello.css +++ b/web/styles/portico/hello.css @@ -192,10 +192,8 @@ ul { grid-template-columns: repeat(6, 200px); grid-template-rows: 100px; justify-content: center; - align-items: center; - justify-items: center; - column-gap: 24px; - row-gap: 0; + place-items: center; + gap: 24px 0; } .client-logos div { diff --git a/web/styles/portico/landing_page.css b/web/styles/portico/landing_page.css index 275522864f..08eedec1cb 100644 --- a/web/styles/portico/landing_page.css +++ b/web/styles/portico/landing_page.css @@ -2657,8 +2657,7 @@ button { grid-column-gap: 5%; grid-template-columns: 43% auto; max-width: 1300px; - align-items: center; - justify-items: center; + place-items: center; margin: auto; .alternate-grid& { diff --git a/web/styles/reactions.css b/web/styles/reactions.css index 97cdc395cc..d3d10c6985 100644 --- a/web/styles/reactions.css +++ b/web/styles/reactions.css @@ -217,8 +217,7 @@ .emoji-search-results-container { padding: 0; position: relative; - overflow-x: hidden; - overflow-y: auto; + overflow: hidden auto; display: block; width: 247px; padding-left: 3px; diff --git a/web/styles/settings.css b/web/styles/settings.css index a6b3e1b234..241a5904c6 100644 --- a/web/styles/settings.css +++ b/web/styles/settings.css @@ -1177,8 +1177,7 @@ $option_title_width: 180px; text-align: left; white-space: nowrap; text-overflow: ellipsis; - overflow-x: hidden; - overflow-y: visible; + overflow: hidden visible; position: relative; .user-name-and-status-text { diff --git a/web/styles/zulip.css b/web/styles/zulip.css index 57055ef2bc..a0dd0ef9ed 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -1,6 +1,5 @@ html { - overflow-y: scroll; - overflow-x: hidden; + overflow: hidden scroll; overscroll-behavior-y: none; width: calc(100% - var(--disabled-scrollbar-width)); }