From 00a3a02dba84c3dc605d71258a5eaa31dcf5fc36 Mon Sep 17 00:00:00 2001 From: Inga Mai Date: Thu, 25 Jun 2020 17:06:34 +0200 Subject: [PATCH 1/2] Hide some toolbar buttons, keyboard and nav cube on mobile --- .../bim/ifc_models/ifc-viewer/ifc-viewer.component.sass | 5 +++++ .../app/assets/stylesheets/bim/ifc_viewer/toolbar.sass | 9 +++++++++ 2 files changed, 14 insertions(+) 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 index c6f81d383052..690ff0fd56f1 100644 --- 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/toolbar.sass b/modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass index adb95d285c8c..82546a7f44d6 100644 --- 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 + From 2e5d4e249bfd6995a36d3f35a06c7a63264b9da8 Mon Sep 17 00:00:00 2001 From: Inga Mai Date: Thu, 25 Jun 2020 17:10:46 +0200 Subject: [PATCH 2/2] Align toolbar with other elements on mobile and prevent viewer from overlapping page --- modules/bim/app/assets/stylesheets/bim/ifc_viewer/generic.sass | 1 + modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass | 3 +++ 2 files changed, 4 insertions(+) diff --git a/modules/bim/app/assets/stylesheets/bim/ifc_viewer/generic.sass b/modules/bim/app/assets/stylesheets/bim/ifc_viewer/generic.sass index aea45397a709..7b3bd73d6cad 100644 --- 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 index 82546a7f44d6..e85b77e69efb 100644 --- a/modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass +++ b/modules/bim/app/assets/stylesheets/bim/ifc_viewer/toolbar.sass @@ -46,6 +46,9 @@ // -------------------------- 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,