IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 18:24:52 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Alignment of user dropdown menu icons

Browse Source
This commit is contained in:
Kris 2018-06-19 15:38:06 -04:00
parent 35a645c71f
commit b637b57e4f
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/widgets/user-menu.js.es6
View File

@ -94,7 +94,7 @@ createWidget("user-menu-links", {
});
return h("ul.menu-links-row", [
links.map(l => h("li", this.attach("link", l))),
links.map(l => h("li.user", this.attach("link", l))),
h(
"li.glyphs",
glyphs.map(l => this.attach("link", $.extend(l, { hideLabel: true })))

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

@ -341,13 +341,18 @@ div.menu-links-header {
border-collapse: separate;
border-spacing: 0 0.5em;
.menu-links-row {
display: table-row;
li.glyphs {
text-align: right;
a {
display: inline-flex;
min-width: 15px;
justify-content: center;
display: flex;
li {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
&.user {
margin-right: auto;
}
&.glyphs {
flex-wrap: wrap;
text-align: right;
max-width: 65%; //IE11
}
}
}
@ -357,7 +362,7 @@ div.menu-links-header {
outline: none;
}
a {
padding: 0.5em;
padding: 0.3em 0.5em;
}
a.user-activity-link {
max-width: 150px;
@ -366,6 +371,9 @@ div.menu-links-header {
overflow: hidden;
text-overflow: ellipsis;
margin: -0.5em 0;
@media screen and (max-width: 350px) {
max-width: 125px;
}
}
li {
display: table-cell;