1+ body {
2+ margin : 0 ;
3+ padding : 0 ;
4+ }
5+
6+ # map {
7+ position : absolute;
8+ top : 0 ;
9+ bottom : 0 ;
10+ width : 100% ;
11+ }
12+ .mapboxgl-popup {
13+ max-width : none;
14+ }
15+ .mapboxgl-popup-tip {
16+ width : 0 ;
17+ height : 0 ;
18+ border : 10px solid transparent;
19+ z-index : 1 ;
20+ }
21+ .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
22+ -webkit-align-self : center;
23+ align-self : center;
24+ border-bottom : none;
25+ border-top-color : # fff ;
26+ }
27+ .mapboxgl-popup-content {
28+ padding : 0 ;
29+ background : # fff ;
30+ color : rgba (0 , 0 , 0 , 0.65 );
31+ position : relative;
32+ border-radius : 3px ;
33+ box-shadow : 0 1px 2px rgb (0 0 0 / 10% );
34+ pointer-events : auto;
35+ }
36+ .identify {
37+ display : block;
38+ border-radius : 4px ;
39+ background : rgb (255 , 255 , 255 );
40+ color : rgba (0 , 0 , 0 , 0.65 );
41+ }
42+ .mapboxgl-popup-content ul {
43+ list-style : none;
44+ margin : 0 ;
45+ padding : 0 ;
46+ padding-top : 4px ;
47+ overflow : auto;
48+ font-size : 14px ;
49+ max-height : 200px ;
50+ background : transparent;
51+ border-collapse : separate;
52+ }
53+ .mapboxgl-popup-content ul li {
54+ display : table-row;
55+ text-align : -webkit-match-parent;
56+ border-collapse : separate;
57+ font-size : 14px ;
58+ color : rgba (0 , 0 , 0 , 0.65 );
59+ }
60+ .mapboxgl-popup-content ul li > div {
61+ max-width : 170px ;
62+ /* overflow: hidden;
63+ text-overflow: ellipsis;
64+ white-space: nowrap; */
65+ padding : 4px 16px ;
66+ box-sizing : border-box;
67+ text-align : center;
68+ font-weight : 800 ;
69+ }
70+ .mapboxgl-popup-close-button {
71+ display : none;
72+ }
73+ ::-webkit-scrollbar {
74+ width : 6px ;
75+ height : 6px ;
76+ background-color : rgba (245 , 245 , 245 , 0 );
77+ }
0 commit comments