openlayermap
Version:
openlayer Map Component for Vue 2.0
37 lines • 5.12 kB
CSS
.hmap-control-full-screen {
position: absolute;
right: .5em;
top: .5em;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
pointer-events: none;
border-radius: 2px;
background-color: #FFF;
box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
}
.hmap-control-full-screen .hmap-control-full-screen-inner {
display: inline-block;
width: 28px;
height: 28px;
pointer-events: auto;
background-size: contain;
background-image: url(data:image/png;base64,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);
}
.hmap-control-full-screen .hmap-control-full-screen-inner:hover {
cursor: pointer;
color: #2c9eff;
}
.hmap-control-full-screen .hmap-control-full-screen-inner-deactive {
display: inline-block;
width: 28px;
height: 28px;
pointer-events: auto;
background-size: contain;
background-image: url(data:image/png;base64,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);
}
.hmap-control-full-screen .hmap-control-full-screen-inner-deactive:hover {
cursor: pointer;
color: #2c9eff;
}