_graph.sass 1.51 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 57 58 59 60 61 62 63 64 65
  .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
    position: fixed
    z-index: 999 // needs to appear above graph elements
    backdrop-filter: blur(4px)
    background: rgba(255,255,255,75%)
    overflow: auto
    left: 0
    right: 0
    top: 60px

66 67
    .nav-item
      padding-left: 0.8rem
68

69 70 71 72 73
  .graph-row
    height: 100%

    #graph-view
      height: 95%
74

75 76
  #tree
    position: absolute
77
    z-index: 1
78 79 80

.input-with-autocomplete
  .completions
81
    position: fixed
82 83 84
    max-height: 300px
    overflow-y: scroll
    width: 300px
85
    top: 50px