Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve mobile context menu

Browse Source
This commit is contained in:
James Lyne 2021-05-29 00:52:08 +01:00
parent 5b1df5ccf8
commit 6b12ca0b11
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/map/MapContextMenu.vue
View File

@ -226,18 +226,23 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
#map-context-menu { #map-context-menu {
background-color: var(--background-base);
box-shadow: var(--box-shadow);
color: var(--text-base);
border-radius: var(--border-radius);
position: fixed; position: fixed;
z-index: 150; z-index: 150;
padding: 0.5rem;
min-width: 15rem; min-width: 15rem;
max-width: 22.5rem; max-width: 22.5rem;
top: 0; top: 0;
left: 0; left: 0;
ul {
background-color: var(--background-base);
box-shadow: var(--box-shadow);
color: var(--text-base);
border-radius: var(--border-radius);
padding: 0.5rem;
position: relative;
z-index: 1;
}
::v-deep(.world) { ::v-deep(.world) {
padding: 0.2rem 0 0.2rem 0.8rem; padding: 0.2rem 0 0.2rem 0.8rem;
margin-bottom: 0; margin-bottom: 0;
@ -258,6 +263,19 @@ export default defineComponent({
max-width: 40rem; max-width: 40rem;
overflow: auto; overflow: auto;
transform: none !important; transform: none !important;
&:before {
content: '';
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 40rem;
background-image: linear-gradient(0deg, var(--background-dark), transparent);
z-index: -1;
}
} }
} }
</style> </style>