diff --git a/packages/auth/src/vpu-auth.js b/packages/auth/src/vpu-auth.js index 6fdb465acdd46b87ef9fbb3dffedab01c908b853..100d67f362c12b6464fd0d0bab1e4a08f3e55033 100644 --- a/packages/auth/src/vpu-auth.js +++ b/packages/auth/src/vpu-auth.js @@ -260,6 +260,10 @@ class VPUAuth extends LitElement { onDropdownClick(event) { event.stopPropagation(); event.currentTarget.classList.toggle('is-active'); + const chevron = this.shadowRoot.querySelector("#menu-chevron-icon"); + if (chevron !== null) { + chevron.name = event.currentTarget.classList.contains('is-active') ? 'chevron-up' : 'chevron-down'; + } } closeDropdown() { @@ -276,7 +280,7 @@ class VPUAuth extends LitElement { <div class="dropdown" @click="${this.onDropdownClick}"> <div class="dropdown-trigger"> <span>${this.name}</span> - <vpu-icon name="chevron-down"></vpu-icon> + <vpu-icon name="chevron-down" id="menu-chevron-icon"></vpu-icon> </div> <div class="dropdown-menu" id="dropdown-menu2" role="menu"> <div class="dropdown-content"> diff --git a/packages/auth/vendor/common b/packages/auth/vendor/common index 0dfaa45a645d513e51ed5dbb20a68874aef466d8..c53d4c6f1e0e1c5a2d8e63382bfede48577dac44 160000 --- a/packages/auth/vendor/common +++ b/packages/auth/vendor/common @@ -1 +1 @@ -Subproject commit 0dfaa45a645d513e51ed5dbb20a68874aef466d8 +Subproject commit c53d4c6f1e0e1c5a2d8e63382bfede48577dac44