app.html.php 1.3 KB

123456789101112131415161718192021222324252627282930
  1. <?php
  2. namespace zin;
  3. set::zui(true);
  4. set::className('page-app');
  5. jsVar('window.defaultAppUrl', $defaultUrl);
  6. if(commonModel::isTutorialMode())
  7. {
  8. to::head
  9. (
  10. h::css(<<<'CSS'
  11. .tutorial-hl {position: relative; z-index: 1000!important;}
  12. .tutorial-popover .arrow::before {border: 3px solid var(--color-primary-500); width: 10px; height: 10px; border-radius: 50%}
  13. .tutorial-popover .arrow-top::before {top: calc(-34px - var(--arrow-size))}
  14. .tutorial-popover .arrow-left::before {left: calc(-34px - var(--arrow-size))}
  15. .tutorial-popover .arrow-right::before {right: calc(-34px - var(--arrow-size))}
  16. .tutorial-popover .arrow-bottom::before {bottom: calc(-34px - var(--arrow-size))}
  17. .tutorial-popover .arrow::after {content: ' '; position: absolute; background: var(--color-primary-500); display: block; width: 32px; height: 32px; visibility: visible;}
  18. .tutorial-popover .arrow-top::after {width: 2px; top: calc(var(--arrow-size) - 34px); left: 4px}
  19. .tutorial-popover .arrow-left::after {height: 2px; left: calc(var(--arrow-size) - 34px); top: 4px}
  20. .tutorial-popover .arrow-right::after {height: 2px; right: calc(var(--arrow-size) - 34px); top: 4px}
  21. .tutorial-popover .arrow-bottom::after {width: 2px; bottom: calc(var(--arrow-size) - 34px); left: 4px}
  22. .pick-container {z-index: 1780;}
  23. CSS
  24. )
  25. );
  26. }
  27. render('pagebase');