_graph.sass 1.58 KB
Newer Older
1 2 3
@mixin sidePanelCommon
  position: absolute
  max-height: 600px
4
  //overflow-y: scroll
5
  top: 170px
6
  //z-index: 1
7

8
#graph-explorer
9 10
  margin-left: 20rem
  margin-right: 20rem
11 12
  padding-top: 0px

13
.graph-container
14
  #sp-container
15
    @include sidePanelCommon
16 17
    border: 1px white solid
    background-color: white
18
    width: 28%
19
    z-index: 15
20 21 22 23 24 25 26 27

    #myTab
      marginBottom: 18px
      marginTop: 18px

    #myTabContent
      borderBottom: 1px solid black
      paddingBottom : 19px
28 29 30 31 32

    #horizontal-checkbox
      ul
        display: inline
        float : left
33 34 35 36
  .lefthanded #sp-container
    left: 0%
  .righthanded #sp-container
    left: 70%
37

38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
  .graph-tree
    @include sidePanelCommon
    background-color: #fff
    z-index: 1
  .lefthanded .graph-tree
    left: 80%
  .righthanded .graph-tree
    left: 0%

  /* #toggle-container
  /*   position: fixed
  /*   z-index: 999 // needs to appear above solid menu bar
  /*   right: 25%
  /*   top: 10px
  /*   width: 50%
  /*   .container-fluid
  /*     padding-top: 90px

  #controls-container
57 58
    // position: fixed
    position: absolute
59 60
    // needs to appear above graph elements
    z-index: 900
61 62
    backdrop-filter: blur(4px)
    background: rgba(255,255,255,75%)
63
    // overflow: auto
64 65 66 67
    left: 0
    right: 0
    top: 60px

68 69
    .nav-item
      padding-left: 0.8rem
70

71
  .graph-row
72
    height: 100vh
73 74

    #graph-view
75
      height: 95vh
76

77 78
  #tree
    position: absolute
79
    z-index: 1
80 81 82

.input-with-autocomplete
  .completions
83
    position: fixed
84 85 86
    max-height: 300px
    overflow-y: scroll
    width: 300px
87
    top: 50px
88 89 90

.graph-topbar
  @include aside-topbar