github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-18 16:52:45 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: text overflow user-{primary,secondary}-navigation (#11604)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2020-12-30 21:34:27 +01:00 committed by GitHub
parent 303f229e98
commit e4dcf93238
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/templates/mobile/components/mobile-nav.hbs
View File

@ -1,7 +1,7 @@
{{#if selectedHtml}}
<li>
<a href {{action "toggleExpanded"}} class="expander">
<span>{{html-safe selectedHtml}}</span>
<span class="selection">{{html-safe selectedHtml}}</span>
{{d-icon "caret-down"}}
</a>
</li>

5
app/assets/stylesheets/mobile/discourse.scss
View File

@ -91,10 +91,13 @@ blockquote {
align-items: center;
padding: 8px 10px;
height: 100%;
width: 100%;
box-sizing: border-box;
}
.expander .selection {
@include ellipsis;
}
.expander > .d-icon {
&:last-of-type {
margin-left: auto;

2
app/assets/stylesheets/mobile/user.scss
View File

@ -10,10 +10,12 @@
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
min-width: 120px;
}
.user-secondary-navigation {
grid-column-start: 2;
grid-row-start: 1;
min-width: 120px;
}
.user-additional-controls + .user-content,
.user-secondary-navigation + .user-content {