update _tilemap.less to style leaflet tooltip like the kibana tooltip

This commit is contained in:
Juan Thomassie 2015-05-08 11:53:06 -05:00
parent 3214ac81f6
commit 2bf8b0e949

View file

@ -80,16 +80,52 @@
}
.leaflet-popup-content-wrapper {
background: rgba(70, 82, 93, 0.95) !important;
color: @gray-lighter !important;
background: @tooltip-bg !important;
color: @tooltip-color !important;
border-radius: 4px !important;
padding: 0 !important;
}
.leaflet-popup-content {
padding: 8px !important;
margin: 0 !important;
line-height: 14px !important;
line-height: 1.1 !important;
font-size: 12px;
font-weight: normal;
word-wrap: break-word;
overflow: hidden;
pointer-events: none;
> :last-child {
margin-bottom: @tooltip-space;
}
> * {
margin: @tooltip-space @tooltip-space 0;
}
table {
td,th {
padding: @tooltip-space-tight;
&.row-bucket {
word-break: break-all;
}
}
// if there is a header, give it a border that matches
// those in the body
thead tr {
border-bottom: 1px solid @gray;
}
// only apply to tr in the body, not the header
tbody tr {
border-top: 1px solid @gray;
&:first-child {
border-top: none;
}
}
}
}
.leaflet-popup-tip-container, .leaflet-popup-close-button {