diff options
| author | Louis Chemineau <louis@chmn.me> | 2022-06-02 13:11:08 +0200 |
|---|---|---|
| committer | Louis Chemineau <louis@chmn.me> | 2022-06-07 13:16:20 +0200 |
| commit | 719515afe7ee8c84f42d6bce7878e0a4a0d2ee3c (patch) | |
| tree | 0c106f326ebf9e40ca261bea32b94d30c8c1f9c6 /core | |
| parent | 92d64617e64a27538439eca97dfcafca54b640e2 (diff) | |
| download | nextcloud-server-719515afe7ee8c84f42d6bce7878e0a4a0d2ee3c.tar.gz nextcloud-server-719515afe7ee8c84f42d6bce7878e0a4a0d2ee3c.zip | |
Properly calculate carret position
The carret position is currently hard coded based on the position of the icon in the header.
This PR calculate its position relatively to the header icon.
Signed-off-by: Louis Chemineau <louis@chmn.me>
Diffstat (limited to 'core')
| -rw-r--r-- | core/src/components/HeaderMenu.vue | 13 |
1 files changed, 4 insertions, 9 deletions
diff --git a/core/src/components/HeaderMenu.vue b/core/src/components/HeaderMenu.vue index 9fed383b026..7a4c10010f2 100644 --- a/core/src/components/HeaderMenu.vue +++ b/core/src/components/HeaderMenu.vue @@ -33,11 +33,11 @@ @click.prevent="toggleMenu"> <slot name="trigger" /> </a> + <div v-show="opened" class="header-menu__carret" /> <div v-show="opened" :id="`header-menu-${id}`" class="header-menu__wrapper" role="menu"> - <div class="header-menu__carret" /> <div class="header-menu__content"> <slot /> </div> @@ -162,12 +162,6 @@ export default { </script> <style lang="scss" scoped> -.notifications:not(:empty) ~ #unified-search { - order: -1; - .header-menu__carret { - right: 175px; - } -} .header-menu { &__trigger { display: flex; @@ -207,8 +201,9 @@ export default { &__carret { position: absolute; - right: 128px; - bottom: 100%; + z-index: 2001; // Because __wrapper is 2000. + left: calc(50% - 10px); + bottom: 0; width: 0; height: 0; content: ' '; |