Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-27 11: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

6
src/app/pages/maps/bubble/bubble-map.component.scss
View file

@ -2,16 +2,12 @@
@include nb-install-component() {
$card-header-border: 1px;
nb-card-body {
padding: nb-theme(card-padding) 0 0 0;
}
.echarts {
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} - #{nb-theme(card-padding)});
height: nb-theme(card-height-large);
}
}

2
src/app/pages/maps/bubble/bubble-map.component.ts
View file

@ -5,7 +5,7 @@ import { NbThemeService } from '@nebular/theme';
selector: 'ngx-bubble-map',
styleUrls: ['./bubble-map.component.scss'],
template: `
<nb-card size="xlarge">
<nb-card>
<nb-card-header>Bubble Maps</nb-card-header>
<nb-card-body>
<div echarts [options]="options" class="echarts"></div>