Merge pull request #8474 from opf/feature/33246/ifc-viewer--mobile-op…

…timization [33246] Mobile optimizations of IFC viewer
opf · Jun 26, 2020 · a8ea1c0 · a8ea1c0
2 parents 52aba05 + 2e5d4e2
commit a8ea1c0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/frontend/src/app/modules/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass b/frontend/src/app/modules/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass
@@ -46,3 +46,8 @@
 
 .ifc-model-viewer--keyboard-disabled-icon
   font-size: 20px
+
+@media only screen and (max-width: 679px)
+  .ifc-model-viewer--nav-cube-canvas,
+  .ifc-model-viewer--focus-warning
+    display: none
diff --git a/modules/bim/app/assets/stylesheets/bim/ifc_viewer/generic.sass b/modules/bim/app/assets/stylesheets/bim/ifc_viewer/generic.sass
@@ -32,6 +32,7 @@
 
     .ifc-model-viewer--container
       height: 33vh !important
+      min-width: unset !important
 
 [data-name="bim"] .main-menu--children
   overflow-x: hidden !important

diff --git a/modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass b/modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass
@@ -43,3 +43,15 @@
 .xeokit-section-counter
   display: none
 
+// -------------------------- MOBILE specific --------------------------
+
+@media only screen and (max-width: 679px)
+  .ifc-model-viewer--toolbar-container
+    padding-right: 15px
+
+  .ifc-model-viewer--focus-warning,
+  .ifc-model-viewer--toolbar-container
+    .fa-male,
+    .fa-cut
+      display: none
+