_menu.sass 1.66 KB
Newer Older
1
.main-topbar
2 3 4 5 6
  position: sticky
  top: 0
  // correction for the popover
  z-index: 910

7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
  // add hovering effect
  &.navbar-dark .navbar-text:hover
    color: $navbar-dark-hover-color

  // remove Bootstrap native rules
  &__hand-button .nav-link,
  &__help-button .nav-link
    padding-left: initial
    padding-right: initial
  &__logo
    margin-right: initial

  @include right-handed
    flex-direction: row

    &__logo
      margin-left: 0
      margin-right: space-x(2)

    &__hand-button
      margin-left: space-x(2)
      margin-right: space-x(1)

    &__help-button
      margin-left: space-x(1)
      margin-right: space-x(2)

  @include left-handed
    flex-direction: row-reverse

    &__logo
      margin-left: space-x(2)
      margin-right: 0

    &__hand-button
      margin-left: space-x(1)
      margin-right: space-x(2)

    &__help-button
      margin-left: space-x(2)
      margin-right: space-x(1)


50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87
#corporatop.nav-tabs > li
    padding-left: 1
    padding-right: 1

#corporatop.nav-tabs > li > a
    padding-top: 8
    padding-bottom: 8
    line-height: .85
    margin-bottom: -5px

.spacing-class
  margin-right: 10px

.exportbtn
    /* border: 1px solid #333 */
    margin-top:17px /* valigns with bootstrap h2 */

.btn .glyphicon
    /* glyphicons are always rendered too high within bootstrap buttons */
    vertical-align: middle


/* graph name => editable input => submitName() => minimsg */
.editable
    color: grey

#graphname-edit
    color: white
    background-color: transparent
    border: none
    max-width: 8em

.minimsg
  font-size: .7em
  padding: 7p0x 9px

.minimsg *
  line-height: 100%
88 89 90 91 92 93 94

.tile-menu

  &__item

    .fa
      margin-right: space-x(1)