| kumaran.m | 3b4814a | 2020-05-01 19:48:54 +0530 | [diff] [blame^] | 1 | /* |
| 2 | Copyright 2020 TATA ELXSI |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the 'License'); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | |
| 16 | Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in) |
| 17 | */ |
| 18 | @import '../../../assets/scss/mixins/mixin'; |
| 19 | @import '../../../assets/scss/variable'; |
| 20 | .map { |
| 21 | height: 60vh; |
| 22 | width: 100%; |
| 23 | .ol-popup { |
| 24 | @include background(null, $white, null, null, null); |
| 25 | -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); |
| 26 | filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); |
| 27 | @include border(all, 1, solid, $gray-80); |
| 28 | @include position_value(absolute, $top: null, $right: null, $bottom: 12px, $left: -50px); |
| 29 | @include wh-value(280px, null); |
| 30 | @include font-style(normal); |
| 31 | @include font(null, .765625rem, 400); |
| 32 | @include line-height(1.5); |
| 33 | text-align: start; |
| 34 | text-decoration: none; |
| 35 | letter-spacing: normal; |
| 36 | word-break: normal; |
| 37 | word-spacing: normal; |
| 38 | white-space: normal; |
| 39 | line-break: auto; |
| 40 | word-wrap: break-word; |
| 41 | @include roundedCorners(2px); |
| 42 | &:after, &:before{ |
| 43 | top: 100%; |
| 44 | @include border(all, 1, solid, transparent); |
| 45 | content: " "; |
| 46 | height: 0; |
| 47 | width: 0; |
| 48 | position: absolute; |
| 49 | pointer-events: none; |
| 50 | } |
| 51 | &:after { |
| 52 | border-top-color: $white; |
| 53 | border-width: 10px; |
| 54 | left: 48px; |
| 55 | margin-left: -10px; |
| 56 | } |
| 57 | &:before { |
| 58 | border-top-color: $gray-80; |
| 59 | border-width: 11px; |
| 60 | left: 48px; |
| 61 | margin-left: -11px; |
| 62 | } |
| 63 | } |
| 64 | .ol-popup-closer { |
| 65 | text-decoration: none; |
| 66 | position: absolute; |
| 67 | top: 2px; |
| 68 | right: 8px; |
| 69 | &:after { |
| 70 | content: "✖"; |
| 71 | } |
| 72 | } |
| 73 | } |