Commit 19811cfa authored by Rafael's avatar Rafael

Adjust dropdown menus to the right.

parent 5f704029
Pipeline #150273835 canceled with stages
in 8 minutes and 26 seconds
......@@ -2,7 +2,7 @@
<b-nav-item-dropdown
v-if="show"
v-b-tooltip="$i18n(menuTitle)"
right
:right="right"
:lazy="lazy"
class="caret-beneath"
>
......@@ -65,6 +65,10 @@ export default {
type: Boolean,
default: false
},
right: {
type: Boolean,
default: false
},
showOnlyOnMobile: { type: Boolean, default: false },
hideOnlyOnMobile: { type: Boolean, default: false }
},
......@@ -98,26 +102,29 @@ i {
}
@media(max-width: 767px) {
.collapse .caret-beneath /deep/ .dropdown-toggle {
text-align: unset;
&::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: middle;
.collapse {
.caret-beneath /deep/ .dropdown-toggle {
text-align: unset;
&::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: middle;
}
}
.dropdown /deep/ .dropdown-menu {
// Margin to have an indent in the burger menu.
margin-left: 30px;
}
}
}
.dropdown {
/deep/ .dropdown-menu {
max-height: 420px;
max-width: 300px;
overflow-y: auto;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
// Fixes problem that list of dropdown items is to long.
max-height: 70vh;
overflow: auto;
// Margin to have an indent in the burger menu.
margin-left: 30px;
.scroll-container {
max-height: 300px;
min-height: 120px;
......
......@@ -3,6 +3,7 @@
id="dropdown-admin"
ref="dropdown"
menu-title="menu.entry.administration"
right
icon="fa-cog"
>
<b-dropdown-item
......
......@@ -3,6 +3,7 @@
menu-title="menu.entry.activities"
:items="headings"
icon="fa-bullhorn"
right
/>
</template>
......
......@@ -3,6 +3,7 @@
menu-title="menu.entry.contact"
:items="headings"
icon="fa-envelope"
right
/>
</template>
......
......@@ -3,6 +3,7 @@
menu-title="menu.entry.infos"
:items="headings"
icon="fa-info"
right
/>
</template>
<script>
......
......@@ -7,6 +7,7 @@
class="topbar-messages"
:show-only-on-mobile="showOnlyOnMobile"
:hide-only-on-mobile="hideOnlyOnMobile"
right
>
<template v-slot:heading-text>
<span
......
......@@ -2,7 +2,6 @@
<fs-dropdown-menu
id="dropdown-stores"
menu-title="menu.entry.your_stores"
:items="headings"
icon="fa-shopping-cart"
lazy
>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment