diff --git a/src/components/app/app.scss b/src/components/app/app.scss index 01bc439b8d..8d39693891 100644 --- a/src/components/app/app.scss +++ b/src/components/app/app.scss @@ -433,6 +433,18 @@ ion-footer { // Core Components // -------------------------------------------------- -ion-badge { +ion-badge, +ion-card, +ion-card-content, +ion-card-header, +ion-card-title, +ion-gesture, +ion-toggle, +ion-slides, +ion-slide { visibility: hidden; } + +.hydrated { + visibility:inherit +} diff --git a/src/components/badge/badge.scss b/src/components/badge/badge.scss index 323cb4a6fe..7df56ff422 100644 --- a/src/components/badge/badge.scss +++ b/src/components/badge/badge.scss @@ -29,10 +29,6 @@ ion-badge { contain: content; } -ion-badge.hydrated { - visibility: inherit; -} - ion-badge:empty { display: none; } diff --git a/src/components/card-content/card-content.scss b/src/components/card-content/card-content.scss index 2353c1395f..e1dd30c9d3 100644 --- a/src/components/card-content/card-content.scss +++ b/src/components/card-content/card-content.scss @@ -7,7 +7,3 @@ ion-card-content { display: block; } - -ion-card-content.hydrated { - visibility: inherit; -} diff --git a/src/components/card-header/card-header.scss b/src/components/card-header/card-header.scss index 0f31fe31a2..afa4775fd0 100644 --- a/src/components/card-header/card-header.scss +++ b/src/components/card-header/card-header.scss @@ -12,7 +12,3 @@ ion-card-header { text-overflow: ellipsis; white-space: nowrap; } - -ion-card-header.hydrated { - visibility: inherit; -} diff --git a/src/components/card-title/card-title.scss b/src/components/card-title/card-title.scss index 5be09ef8a9..beb5dbbd0c 100644 --- a/src/components/card-title/card-title.scss +++ b/src/components/card-title/card-title.scss @@ -7,7 +7,3 @@ ion-card-title { display: block; } - -ion-card-title.hydrated { - visibility: inherit; -} \ No newline at end of file diff --git a/src/components/card/card.scss b/src/components/card/card.scss index 3a49510cb2..90c59399bb 100755 --- a/src/components/card/card.scss +++ b/src/components/card/card.scss @@ -9,10 +9,6 @@ ion-card { overflow: hidden; } -ion-card.hydrated { - visibility: inherit; -} - ion-card img { display: block; diff --git a/src/components/slides/slide.scss b/src/components/slides/slide.scss index e4b726d06e..fae0044516 100644 --- a/src/components/slides/slide.scss +++ b/src/components/slides/slide.scss @@ -10,10 +10,6 @@ ion-slide { display: block; } -ion-slide.hydrated { - visibility: inherit; -} - .slide-zoom { @include text-align(center); diff --git a/src/components/slides/slides.scss b/src/components/slides/slides.scss index ce66dd84e8..e92ae46dc6 100644 --- a/src/components/slides/slides.scss +++ b/src/components/slides/slides.scss @@ -9,7 +9,3 @@ ion-slides { display: block; } - -ion-slides.hydrated { - visibility: inherit; -} diff --git a/src/components/toggle/toggle.scss b/src/components/toggle/toggle.scss index 899d4bd00f..544caf8ee4 100644 --- a/src/components/toggle/toggle.scss +++ b/src/components/toggle/toggle.scss @@ -10,10 +10,6 @@ ion-toggle { contain: content; } -ion-toggle.hydrated { - visibility: inherit; -} - ion-toggle ion-gesture { display: block;