fix(mobile): toggle tablet content layout based on online state. Closes #3003 (#3007)

2023-05-12 07:00:04 -07:00
parent 1be65fcead
commit e694d76ad2
3 changed files with 14 additions and 3 deletions
--- a/web/components/ui/Content/Content.module.scss
+++ b/web/components/ui/Content/Content.module.scss
@@ -14,8 +14,7 @@
  width: 100%;

  @include screen(tablet) {
-    //sets the position of tabbed content for online mode
-    top: 430px;
+    position: relative;
  }

  @include screen(mobile) {
@@ -30,6 +29,14 @@
  }
 }

+.online {
+  @include screen(tablet) {
+    //sets the position of tabbed content for online mode
+    position: absolute;
+    top: 430px;
+  }
+}
+
 .mobileNoTabs {
  padding-top: 20px;
 }