github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-07 22:56:01 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Larger tap areas for profile panel in user menu on mobile devices

Browse Source
This commit is contained in:
Kris
2020-03-23 13:25:33 -04:00
parent 48c1de4836
commit 39dde33cbb
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/widgets/quick-access-profile.js
View File

@ -3,6 +3,8 @@ import { createWidgetFrom } from "discourse/widgets/widget";
import { Promise } from "rsvp"; import { Promise } from "rsvp";
createWidgetFrom(QuickAccessPanel, "quick-access-profile", { createWidgetFrom(QuickAccessPanel, "quick-access-profile", {
tagName: "div.quick-access-panel.quick-access-profile",
buildKey: () => "quick-access-profile", buildKey: () => "quick-access-profile",
hasMore() { hasMore() {

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

@ -7,10 +7,7 @@
} }
.panel-body { .panel-body {
position: absolute; width: 100%;
top: 3px;
bottom: 37px;
width: 97%;
} }
} }
.header-cloak { .header-cloak {

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

@ -15,3 +15,9 @@
transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;
} }
} }
.user-menu .quick-access-profile li:not(.show-all) {
margin: 0.5em 0 0.75em;
padding: 0.75em;
border: 1px solid $primary-low;
}