From 025ecf6148563ee56d4708b1c8f60ce4f0b046e5 Mon Sep 17 00:00:00 2001 From: James Lyne Date: Mon, 24 May 2021 18:24:08 +0100 Subject: [PATCH] Context menu style improvements + mobile --- src/components/map/MapContextMenu.vue | 21 +++++++++++++++++++++ src/scss/style.scss | 1 - 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/components/map/MapContextMenu.vue b/src/components/map/MapContextMenu.vue index 1fed8cf..80d9537 100644 --- a/src/components/map/MapContextMenu.vue +++ b/src/components/map/MapContextMenu.vue @@ -166,5 +166,26 @@ export default defineComponent({ padding: 0.5rem; min-width: 15rem; max-width: 22.5rem; + + ::v-deep(.world) { + padding: 0.2rem 0 0.2rem 0.8rem; + margin-bottom: 0; + + li { + width: 2.8rem; + height: 2.8rem; + } + } + + @media screen and (max-width: 767px) { + bottom: 0.5rem; + left: 0; + right: 0; + margin: auto; + width: 90vw; + max-width: 40rem; + overflow: auto; + transform: none !important; + } } \ No newline at end of file diff --git a/src/scss/style.scss b/src/scss/style.scss index c965624..484b86e 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -155,7 +155,6 @@ input { display: flex; padding: 0.8rem 0.8rem 0.7rem; position: relative; - margin: 0 !important; border-bottom: 0.1rem solid transparent; > button {