_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 9 10 11 12 13 14 15
#graph-explorer
  #toolbar
    display: flex
    flex-direction: column

    ul
      display: flex
      flex-direction: row
16
      margin: 0
17 18 19
      li
        display: flex
        max-width: 200px
20

21
  #toggle-container
22
    position: fixed
23
    z-index: 999 // needs to appear above solid menu bar
24
    right: 25%
25
    top: 10px
26 27 28
    width: 50%
    .container-fluid
      padding-top: 90px
29 30

  #controls-container
31
    position: fixed
32 33 34 35 36 37
    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
38
    top: 60px
39 40

  .graph-tree
41
    @include sidePanelCommon
42 43
    background-color: #fff
    z-index: 1
44 45 46 47
  .lefthanded .graph-tree
    left: 80%
  .righthanded .graph-tree
    left: 0%
48

49 50 51
  #graph-view
    height: 95%

52
  #sp-container
53
    @include sidePanelCommon
54 55
    border: 1px white solid
    background-color: white
56
    width: 28%
57
    z-index: 15
58 59 60 61 62 63 64 65

    #myTab
      marginBottom: 18px
      marginTop: 18px

    #myTabContent
      borderBottom: 1px solid black
      paddingBottom : 19px
66 67 68 69 70

    #horizontal-checkbox
      ul
        display: inline
        float : left
71 72 73 74
  .lefthanded #sp-container
    left: 0%
  .righthanded #sp-container
    left: 70%
75 76 77

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

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