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

Add visual indicator for the map being focused

Browse Source
This commit is contained in:
James Lyne 2021-05-25 13:13:02 +01:00
parent 23a0de7692
commit 327f2da4bc
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Map.vue
View File

@ -278,12 +278,30 @@ export default defineComponent({
}) })
</script> </script>
<style scoped> <style lang="scss" scoped>
@import '../scss/_mixins.scss';
.map { .map {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: transparent; background: transparent;
z-index: 0; z-index: 0;
cursor: default; cursor: default;
box-sizing: border-box;
position: relative;
@include focus {
&:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 0.2rem solid #cccccc;
display: block;
z-index: 2000;
}
}
} }
</style> </style>