mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/portal.git
synced 2026-08-19 12:34:01 +00:00
omair saleh
144 lines
3.3 KiB
SCSS
Vendored
144 lines
3.3 KiB
SCSS
Vendored
/*------------------------------------------------------------------
|
|
[26. Vector Map : Mapplic Plugin]
|
|
*/
|
|
|
|
.horizontal-app-menu{
|
|
.map-controls{
|
|
left: 0;
|
|
}
|
|
}
|
|
.mapplic-container {
|
|
width: 100%;
|
|
background-color: transparent;
|
|
.mapplic-fullscreen-button {
|
|
left: auto;
|
|
right: 154px;
|
|
bottom: 0;
|
|
top: auto;
|
|
}
|
|
.mapplic-clear-button {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
.mapplic-tooltip:before {
|
|
content: "Location";
|
|
font-size: 12px;
|
|
margin: 0;
|
|
line-height: normal;
|
|
opacity: .7;
|
|
color: $color-master;
|
|
}
|
|
.mapplic-tooltip-close {
|
|
opacity: .5;
|
|
background: none;
|
|
&:after {
|
|
content: "\e60a";
|
|
font-family: 'pages-icon';
|
|
font-size: 12px;
|
|
position: relative;
|
|
top: -2px;
|
|
color: $color-master;
|
|
opacity: .7;
|
|
}
|
|
}
|
|
.mapplic-tooltip-title {
|
|
display: none;
|
|
}
|
|
.mapplic-tooltip-content {
|
|
margin-top: 5px;
|
|
}
|
|
.mapplic-tooltip {
|
|
max-width: 150px;
|
|
padding: 10px 12px;
|
|
border-radius: 4px;
|
|
}
|
|
.mapplic-tooltip-description {
|
|
font-weight: bold;
|
|
color: $color-master;
|
|
}
|
|
.mapplic-tooltip-description strong {
|
|
color: $color-danger;
|
|
margin-right: 2px;
|
|
}
|
|
.map-controls {
|
|
position: absolute;
|
|
left: 50px;
|
|
top: 80px;
|
|
z-index: 1;
|
|
}
|
|
.mapplic-pin {
|
|
background-image: url('#{$assets-url}/img/maps/marker-master.svg');
|
|
background-size: contain;
|
|
&.pulse {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-master.svg');
|
|
&.green {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-success.svg');
|
|
}
|
|
&.blue {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-complete.svg');
|
|
}
|
|
&.purple {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-primary.svg');
|
|
}
|
|
&.yellow {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-warning.svg');
|
|
}
|
|
&.red {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-danger.svg');
|
|
}
|
|
}
|
|
&.pulse-alt {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-master.svg');
|
|
&.green {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-success.svg');
|
|
}
|
|
&.blue {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-complete.svg');
|
|
}
|
|
&.purple {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-primary.svg');
|
|
}
|
|
&.yellow {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-warning.svg');
|
|
}
|
|
&.red {
|
|
background-image: url('#{$assets-url}/img/maps/pulse-alt-danger.svg');
|
|
}
|
|
}
|
|
&.marker {
|
|
background-image: url('#{$assets-url}/img/maps/marker-master.svg');
|
|
&.green {
|
|
background-image: url('#{$assets-url}/img/maps/marker-success.svg');
|
|
}
|
|
&.blue {
|
|
background-image: url('#{$assets-url}/img/maps/marker-complete.svg');
|
|
}
|
|
&.purple {
|
|
background-image: url('#{$assets-url}/img/maps/marker-primary.svg');
|
|
}
|
|
&.yellow {
|
|
background-image: url('#{$assets-url}/img/maps/marker-warning.svg');
|
|
}
|
|
&.red {
|
|
background-image: url('#{$assets-url}/img/maps/marker-danger.svg');
|
|
}
|
|
}
|
|
&.marker-alt {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-master.svg');
|
|
&.green {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-success.svg');
|
|
}
|
|
&.blue {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-complete.svg');
|
|
}
|
|
&.purple {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-primary.svg');
|
|
}
|
|
&.yellow {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-warning.svg');
|
|
}
|
|
&.red {
|
|
background-image: url('#{$assets-url}/img/maps/marker-alt-danger.svg');
|
|
}
|
|
}
|
|
} |