...
Interactive map / 3D interactive map
Hide the categories at the top
Code Block .im__filters__categories { display: none; }
Hide the '? - info' button
Code Block .im__button.im__button--info { display: none; }
Hide the ‘reset’-button
Code Block .im__button.im__button--info, .im__button.im__button--reset { display: none; }
Popups interactive map (3D)
Straighten the corners of a custom card
Code Block .OcuDarcula .page.page--im .pointerPopup, .OcuLight .page.page--im .pointerPopup { border-radius: 0px }
Remove the ‘pin - reset popup’ symbol
Code Block .pointerPopup__header__button.pointerPopup__header__button--reset.button { display: none; }
Remove the line (divider) under the text and above the image
Code Block .divider { display: none; }
Remove the thick line under the title
Code Block .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab { border: none; }
Change the color of the thick line under the title
Code Block .pointerPopup__content .pointerPopup__content__tabs .pointerPopup__content__tab.pointerPopup__content__tab--active { border-color: green; }
Change the color of the icons in the header (reset, close)
Code Block // in this case we specifically change it for the close button .OcuLight .page.page--im .pointerPopup .pointerPopup__header__button--close { fill: red; }
Scrollable map
For all interactive maps in a scenario
Code Block |
---|
:root {--scrollbar-top: 100px;--scrollbar-left: 100px;} |
...
Code Block |
---|
.im__wrapper--mapName2 {--scrollbar-left: 2000px;} |
Code Block |
---|
.im__wrapper--mapName3 {--scrollbar-top: 300px;--scrollbar-left: 300px;} |
Disable loop for Maps
You can disable the default loop for Maps with a css variable.
Code Block | ||
---|---|---|
| ||
:root { --imap-loop-video: 1; // on } |