Hide some toolbar buttons, keyboard and nav cube on mobile

4 years ago · 00a3a02dba
parent c42f35cfca
commit 00a3a02dba
2 changed files with 14 additions and 0 deletions
--- 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
--- 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,12 @@
 .xeokit-section-counter
  display: none

+// -------------------------- MOBILE specific --------------------------
+
+@media only screen and (max-width: 679px)
+  .ifc-model-viewer--focus-warning,
+  .ifc-model-viewer--toolbar-container
+    .fa-male,
+    .fa-cut
+      display: none
+