Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-21 08:46:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(maps): define height for the map containers (Safari issue)

Browse source
This commit is contained in:
nixa 2017-09-19 16:36:18 +03:00
parent 3536c82de1
commit 01ebcdec8a
6 changed files with 6 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/app/pages/maps/leaflet/leaflet.component.scss
View file

@ -2,15 +2,12 @@
@include nb-install-component() {
$card-header-border: 1px;
nb-card-body {
padding: 0;
}
/deep/ .leaflet-container {
width: 100%;
height: calc(#{nb-theme(card-height-xlarge)} - (#{nb-theme(card-padding) * 2}) -
(#{nb-theme(card-header-font-size)} * #{nb-theme(card-line-height)}) - #{$card-header-border});
height: nb-theme(card-height-large);
}
}

2
src/app/pages/maps/leaflet/leaflet.component.ts
View file

@ -7,7 +7,7 @@ import 'style-loader!leaflet/dist/leaflet.css';
selector: 'ngx-leaflet',
styleUrls: ['./leaflet.component.scss'],
template: `
<nb-card size="xlarge">
<nb-card>
<nb-card-header>Leaflet Maps</nb-card-header>
<nb-card-body>
<div leaflet [leafletOptions]="options"></div>