impact-ui 3.7.26-alpha.6 → 3.7.26-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impact-ui",
3
- "version": "3.7.26-alpha.6",
3
+ "version": "3.7.26-alpha.7",
4
4
  "description": "Impact Analytics UI library",
5
5
  "main": "dist/index.js",
6
6
  "files": [
@@ -925,12 +925,20 @@ $slide-ease: cubic-bezier(0.22, 1, 0.36, 1);
925
925
  left: 84px;
926
926
  }
927
927
 
928
+ &.tutorial-modal--step-0.tutorial-modal--sidebar-expanded {
929
+ left: 300px;
930
+ }
931
+
928
932
  &.tutorial-modal--step-1 {
929
933
  top: calc(100% - 5px);
930
- left: 80px;
934
+ left: 84px;
931
935
  transform: translateY(-100%);
932
936
  }
933
937
 
938
+ &.tutorial-modal--step-1.tutorial-modal--sidebar-expanded {
939
+ left: 300px;
940
+ }
941
+
934
942
  &.tutorial-modal--step-2 {
935
943
  top: 73px;
936
944
  left: calc(100% - 205px);
@@ -169,7 +169,11 @@ export const TutorialModal = ({
169
169
  ></div>
170
170
  <div
171
171
  ref={modalRef}
172
- className={`tutorial-modal-wrapper tutorial-modal--step-${tutorialStep} tutorial-modal--arrow-${step.arrowPosition}`}
172
+ className={`tutorial-modal-wrapper tutorial-modal--step-${tutorialStep} tutorial-modal--arrow-${step.arrowPosition}${
173
+ document.querySelector('.impact-sidebar-container.sidebar-open')
174
+ ? ' tutorial-modal--sidebar-expanded'
175
+ : ''
176
+ }`}
173
177
  style={
174
178
  tutorialStep === 2 && step2Position
175
179
  ? { top: step2Position.top, left: step2Position.left, transform: "none" }