Commit | Line | Data |
---|---|---|
55b402a0 MW |
1 | <div class="pageHeaderContainer"> |
2 | <header id="pageHeader" class="pageHeader"> | |
3 | <div> | |
4 | <div class="layoutBoundary"> | |
5 | {include file='pageHeaderLogo'} | |
6 | ||
c9a31776 | 7 | {include file='pageHeaderUser'} |
55b402a0 MW |
8 | |
9 | {include file='pageHeaderMenu'} | |
10 | ||
c9a31776 | 11 | {include file='pageHeaderSearch'} |
55b402a0 MW |
12 | </div> |
13 | </div> | |
14 | ||
15 | <script data-relocate="true"> | |
16 | var header = elById('pageHeader'); | |
17 | var pageHeaderContainer = elBySel('.pageHeaderContainer'); | |
18 | header.style.setProperty('min-height', header.clientHeight + 'px'); | |
b8eab696 | 19 | |
55b402a0 MW |
20 | function stickyHeader() { |
21 | header.classList[(document.body.scrollTop > 50) ? 'add' : 'remove']('sticky'); | |
22 | pageHeaderContainer.classList[(document.body.scrollTop > 50) ? 'add' : 'remove']('stickyPageHeader'); | |
23 | } | |
b8eab696 | 24 | |
55b402a0 MW |
25 | stickyHeader(); |
26 | window.addEventListener('scroll', stickyHeader); | |
27 | </script> | |
28 | </header> | |
1223c43c | 29 | |
55b402a0 MW |
30 | {hascontent} |
31 | <div class="boxesHero"> | |
32 | <div class="layoutBoundary"> | |
c734a302 MW |
33 | <div class="boxContainer"> |
34 | {content} | |
35 | {foreach from=$__wcf->getBoxHandler()->getBoxes('hero') item=box} | |
2cd54d7f | 36 | {@$box->render()} |
c734a302 MW |
37 | {/foreach} |
38 | {/content} | |
39 | </div> | |
55b402a0 MW |
40 | </div> |
41 | </div> | |
42 | {/hascontent} | |
43 | </div> |