mirror of
https://github.com/mapillary/mapillary-js.git
synced 2026-01-18 13:56:53 +00:00
92 lines
2.7 KiB
CSS
92 lines
2.7 KiB
CSS
.ZoomContainer {
|
|
position: absolute;
|
|
bottom: 90px;
|
|
right: 14px;
|
|
height: 66px;
|
|
width: 32px;
|
|
pointer-events: none;
|
|
z-index: 10;
|
|
}
|
|
|
|
.ZoomInButton,
|
|
.ZoomInButtonDisabled,
|
|
.ZoomOutButton,
|
|
.ZoomOutButtonDisabled {
|
|
width: 100%;
|
|
height: 32px;
|
|
pointer-events: auto;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ZoomInButton,
|
|
.ZoomInButtonDisabled {
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
}
|
|
|
|
.ZoomOutButton,
|
|
.ZoomOutButtonDisabled {
|
|
margin-top: 2px;
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
|
|
.ZoomInButtonDisabled,
|
|
.ZoomOutButtonDisabled {
|
|
cursor: default;
|
|
}
|
|
|
|
.ZoomInIcon,
|
|
.ZoomOutIcon {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
opacity: 1;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.ZoomCompact.ZoomContainer {
|
|
height: 34px;
|
|
width: 16px;
|
|
bottom: 58px;
|
|
}
|
|
|
|
.ZoomCompact .ZoomInButton,
|
|
.ZoomCompact .ZoomInButtonDisabled,
|
|
.ZoomCompact .ZoomOutButton,
|
|
.ZoomCompact .ZoomOutButtonDisabled,
|
|
.ZoomCompact .ZoomInIcon,
|
|
.ZoomCompact .ZoomOutIcon {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.ZoomCompact .ZoomInButton,
|
|
.ZoomCompact .ZoomInButtonDisabled {
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.ZoomCompact .ZoomOutButton,
|
|
.ZoomCompact .ZoomOutButtonDisabled {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.ZoomInIcon {
|
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2LDE0IEwyMSwxNCBDMjEuNTUyMjg0NywxNCAyMiwxNC40NDc3MTUzIDIyLDE1IEMyMiwxNS41NTIyODQ3IDIxLjU1MjI4NDcsMTYgMjEsMTYgTDE2LDE2IEwxNiwyMSBDMTYsMjEuNTUyMjg0NyAxNS41NTIyODQ3LDIyIDE1LDIyIEMxNC40NDc3MTUzLDIyIDE0LDIxLjU1MjI4NDcgMTQsMjEgTDE0LDE2IEw5LDE2IEM4LjQ0NzcxNTI1LDE2IDgsMTUuNTUyMjg0NyA4LDE1IEM4LDE0LjQ0NzcxNTMgOC40NDc3MTUyNSwxNCA5LDE0IEwxNCwxNCBMMTQsOSBDMTQsOC40NDc3MTUyNSAxNC40NDc3MTUzLDggMTUsOCBDMTUuNTUyMjg0Nyw4IDE2LDguNDQ3NzE1MjUgMTYsOSBMMTYsMTQgWiIvPjwvZz4gIDwvc3ZnPiAg');
|
|
}
|
|
|
|
.ZoomOutIcon {
|
|
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIyLDE1IEMyMiwxNS41NTIyODQ3IDIxLjU1MjI4NDcsMTYgMjEsMTYgTDksMTYgQzguNDQ3NzE1MjUsMTYgOCwxNS41NTIyODQ3IDgsMTUgQzgsMTQuNDQ3NzE1MyA4LjQ0NzcxNTI1LDE0IDksMTQgTDIxLDE0IEMyMS41NTIyODQ3LDE0IDIyLDE0LjQ0NzcxNTMgMjIsMTUgWiIvPjwvZz4gIDwvc3ZnPiAg');
|
|
}
|
|
|
|
.ZoomInButtonDisabled .ZoomInIcon,
|
|
.ZoomOutButtonDisabled .ZoomOutIcon {
|
|
opacity: 0.35;
|
|
}
|