github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 16:23:44 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: prevent user menu overflow on tiny screens (#15964)

Browse Source
This commit is contained in:
Kris 2022-02-15 20:13:11 -05:00 committed by GitHub
parent af73405958
commit c9419b51a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/common/base/menu-panel.scss
View File

@ -394,6 +394,9 @@
grid-gap: 0 1em; grid-gap: 0 1em;
a { a {
@include ellipsis; @include ellipsis;
> div {
display: block;
}
} }
button { button {
span:not(.relative-date) { span:not(.relative-date) {

6
app/assets/stylesheets/mobile/menu-panel.scss
View File

@ -51,10 +51,10 @@
// accounts for menu "ears" 4px + border 1px // accounts for menu "ears" 4px + border 1px
padding: 0.75em calc(0.5em + 4px + 1px); padding: 0.75em calc(0.5em + 4px + 1px);
margin: 0.25em; margin: 0.25em;
@media screen and (max-height: 380px) { @media screen and (max-height: 500px) {
// reduce padding to avoid scroll // reduce padding to avoid scroll
padding-top: 0.5em; padding-top: 0.25em;
padding-bottom: 0.5em; padding-bottom: 0.25em;
} }
} }
} }