From 8df2450150f22d2039915f94c171341cd17384b2 Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Tue, 7 Jan 2020 16:31:44 +0100
Subject: [PATCH] Add a border to the profile image
---
packages/auth/src/vpu-auth.js | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/packages/auth/src/vpu-auth.js b/packages/auth/src/vpu-auth.js
index a2fb2cc6..dff628d0 100644
--- a/packages/auth/src/vpu-auth.js
+++ b/packages/auth/src/vpu-auth.js
@@ -276,6 +276,12 @@ class VPUAuth extends VPULitElement {
text-decoration: none;
}
+ img {
+ border-width: var(--vpu-border-width);
+ border-color: var(--vpu-dark);
+ border-style: solid;
+ }
+
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
display: block;
}
@@ -421,7 +427,7 @@ class VPUAuth extends VPULitElement {
</div>
<div class="dropdown-menu" id="dropdown-menu2" role="menu">
<div class="dropdown-content" @blur="${this.closeDropdown}">
- ${imageURL ? html`<img alt="" src="${imageURL}" class="dropdown-item">` : ''}
+ ${imageURL ? html`<div class="dropdown-item"><img alt="" src="${imageURL}"></div>` : ''}
<div class="menu">
${this.showProfile ? html`<a href="#" @click="${this.onProfileClicked}" class="dropdown-item">${i18n.t('profile')}</a>` :''}
<a href="#" @click="${this.onLogoutClicked}" class="dropdown-item">${i18n.t('logout')}</a>
--
GitLab