Project

General

Profile

1 51118 myrto.kouk
<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px">
2
3
  <!-- MARGIN-TOP  -->
4
  <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
5
  <div class="uk-container">
6
7
    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
8
      <div class="uk-width-1-1@m uk-first-column">
9
10
        <h1 class="uk-h2">Metrics</h1>
11
12
        <!-- TOP HELP CONTENT -->
13 51543 myrto.kouk
        <help-content #topHelperContent [position]="'top'"
14 51118 myrto.kouk
                      [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
15 51543 myrto.kouk
        </help-content>
16 51118 myrto.kouk
17
        <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
18
          <div class="uk-grid">
19
20
            <!-- LEFT HELP CONTENT -->
21 51543 myrto.kouk
            <aside-help-content #leftHelperContent [position]="'left'"
22 51118 myrto.kouk
                                [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
23 51543 myrto.kouk
            </aside-help-content>
24 51118 myrto.kouk
25
            <!-- MIDDLE -->
26
            <div class=" uk-width-expand@m">
27
28
              <repository-tiles [parent]="'metrics'"></repository-tiles>
29
30
            </div>
31
32
            <!-- RIGHT HELP CONTENT -->
33
            <aside-help-content #rightHelperContent [position]="'right'"
34
                                [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
35
            </aside-help-content>
36
37
          </div>
38
        </div>
39
40
41
        <!-- BOTTOM HELP CONTENT -->
42
        <help-content #bottomHelperContent [position]="'bottom'"
43
                      [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
44
        </help-content>
45
46
47
      </div>
48
    </div>
49
  </div>
50
</div>