mirror of
https://github.com/tenrok/vue-context.git
synced 2026-06-22 23:00:32 +03:00
Add prop to handle offset of subMenu (#50)
Adds `subMenuOffset` prop, so one can set the left-offset of the sub-menus.
This commit is contained in:
@@ -41,6 +41,10 @@ export default {
|
|||||||
tag: {
|
tag: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'ul'
|
default: 'ul'
|
||||||
|
},
|
||||||
|
subMenuOffset: {
|
||||||
|
type: Number,
|
||||||
|
default: 10
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -236,7 +240,7 @@ export default {
|
|||||||
// first set the display and afterwards execute position calculation for correct element offsets
|
// first set the display and afterwards execute position calculation for correct element offsets
|
||||||
subMenuElement.style.display = 'block';
|
subMenuElement.style.display = 'block';
|
||||||
|
|
||||||
let [elementTop, elementLeft] = this.positionMenu(bcr.top, bcr.right - 10, subMenuElement);
|
let [elementTop, elementLeft] = this.positionMenu(bcr.top, bcr.right - (this.subMenuOffset), subMenuElement);
|
||||||
|
|
||||||
subMenuElement.style.left = `${elementLeft}px`;
|
subMenuElement.style.left = `${elementLeft}px`;
|
||||||
subMenuElement.style.top = `${elementTop}px`;
|
subMenuElement.style.top = `${elementTop}px`;
|
||||||
|
|||||||
Reference in New Issue
Block a user