diff --git a/app/assets/javascripts/discourse/templates/components/user-menu.hbs b/app/assets/javascripts/discourse/templates/components/user-menu.hbs index 3952fa39055..c42164678f2 100644 --- a/app/assets/javascripts/discourse/templates/components/user-menu.hbs +++ b/app/assets/javascripts/discourse/templates/components/user-menu.hbs @@ -1,12 +1,27 @@ {{#menu-panel visible=visible}} - {{/if}} {{/conditional-loading-spinner}} + {{plugin-outlet "user-menu-bottom"}} {{/menu-panel}} diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss index fe224891e43..36871792ca6 100644 --- a/app/assets/stylesheets/common/base/menu-panel.scss +++ b/app/assets/stylesheets/common/base/menu-panel.scss @@ -218,27 +218,38 @@ } } -ul.menu-links-header { +div.menu-links-header { width: 100%; display: table; - table-layout: fixed; - li:hover { + border-collapse: separate; + border-spacing: 0 0.5em; + .menu-links-row { + display: table-row; + } + a:hover { background-color: dark-light-diff($highlight, $secondary, 50%, -55%); } + a { + padding: 0.5em; + } li { display: table-cell; width: auto; text-align: center; - padding: 0.5em 0; } li:first-child { text-align: left; - padding-left: 0.5em; } li:last-child { text-align: right; - padding-right: 0.5em; + } + + a { + font-size: 1.1em; + } + .fa-user { + margin-right: 0.2em; } }