Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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

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;
a {
@include ellipsis;
> div {
display: block;
}
}
button {
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
padding: 0.75em calc(0.5em + 4px + 1px);
margin: 0.25em;
@media screen and (max-height: 380px) {
@media screen and (max-height: 500px) {
// reduce padding to avoid scroll
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
}
}