Fix position of search bar

Signed-off-by: Carl Schwan <carl@carlschwan.eu>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
This commit is contained in:
Carl Schwan 2021-08-31 13:18:34 +02:00 committed by nextcloud-command
parent 9d9f8d04fb
commit 35eca15a17
4 changed files with 13 additions and 7 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -163,6 +163,12 @@ export default {
</script>
<style lang="scss" scoped>
.notifications:not(:empty) ~ #unified-search {
order: -1;
.header-menu__carret {
right: 175px;
}
}
.header-menu {
&__trigger {
display: flex;
@ -184,10 +190,10 @@ export default {
}
&__wrapper {
position: absolute;
position: fixed;
z-index: 2000;
top: 50px;
right: -150px;
right: 0;
box-sizing: border-box;
margin: 0;
border-radius: 0 0 var(--border-radius) var(--border-radius);
@ -198,7 +204,7 @@ export default {
&__carret {
position: absolute;
right: 165px;
right: 128px;
bottom: 100%;
width: 0;
height: 0;
@ -211,7 +217,7 @@ export default {
&__content {
overflow: auto;
width: 350px;
max-width: 350px;
max-width: 100vw;
min-height: calc(44px * 1.5);
max-height: calc(100vh - 50px * 2);
}

View file

@ -103,8 +103,8 @@
</div>
<div class="header-right">
<div id="unified-search"></div>
<div id="notifications"></div>
<div id="unified-search"></div>
<div id="contactsmenu">
<div class="icon-contacts menutoggle" tabindex="0" role="button"
aria-haspopup="true" aria-controls="contactsmenu-menu" aria-expanded="false">