MOBILE-3485 tabs: Fix tab margin on scorm

crazyserver · crazyserver · commit 0b4a35921be4 · 2020-07-14T13:10:18.000+02:00
diff --git a/src/components/ion-tabs/core-ion-tabs.html b/src/components/ion-tabs/core-ion-tabs.html
@@ -7,7 +7,7 @@
         </span>
     </div>
 </div>
-<div #originalTabs class="tabcontent">
+<div #originalTabs class="tabcontent" [class.tabshidden]="hidden">
     <ng-content></ng-content>
 </div>
 <div #portal tab-portal></div>
diff --git a/src/components/ion-tabs/ion-tabs.scss b/src/components/ion-tabs/ion-tabs.scss
@@ -27,6 +27,9 @@ ion-app.app-root core-ion-tabs {
         .ion-page > ion-content > .scroll-content {
             margin-bottom: $navbar-md-height;
         }
+        .tabshidden .ion-page > ion-content > .scroll-content {
+            margin-bottom: 0;
+        }
     }
 
     &[tabsplacement="side"] {

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,9 @@ ion-app.app-root core-ion-tabs {`
`27`	`27`	`.ion-page > ion-content > .scroll-content {`
`28`	`28`	`margin-bottom: $navbar-md-height;`
`29`	`29`	`}`
	`30`	`+ .tabshidden .ion-page > ion-content > .scroll-content {`
	`31`	`+ margin-bottom: 0;`
	`32`	`+ }`
`30`	`33`	`}`
`31`	`34`
`32`	`35`	`&[tabsplacement="side"] {`