rbbt-rest 1.4.12 → 1.4.13

data/share/views/compass/layout/top_menu.sass

@@ -0,0 +1,87 @@
+@import "elements"
+@import "mixins/all"
+
+@import "layout/top_bar"
+
+=finder
+  padding-top: 1em
+  padding-right: 1em
+  padding-left: 1em
+  width: 100%
+  form
+    padding: 0
+    margin-bottom: 1em
+    input[type=search]
+      width: 100%
+      height: 2em 
+      padding-left: 0.5em
+      padding-right: 0.5em
+    button[type=submit]
+      display: none
+      position: absolute
+      top: 0px
+      right: 0
+      height: 2em
+
+
+=button_sheet
+  & > *:not(:last-child)
+    +button_hmargin
+
+%clear-top_bar
+  margin-top: 5em
+
+body
+  @extend %clear-top_bar
+
+
+/////
+
+
+#top_menu
+  @extend %top_bar-position
+  @extend %top_bar-size
+  @extend %top_bar-layout
+
+  & > div
+    display: inline-block
+
+    &.title
+      @extend %top_bar-title
+
+    &.reload
+      @extend %top_bar-reload
+      +material(1)
+
+    &.container
+      @extend %top_bar-button_container
+
+    &.find
+      +finder
+
+    &.favourites
+      ul.entities, ul.entity_lists
+        & > li
+          width: 100%
+          display: block
+
+#top_menu
+
+  & > div
+    display: inline-block
+    
+@media #{$not-very-small}
+  +material(2)
+
+@media #{$only-very-small}
+  #top_menu
+    dt.next.entities 
+      +entity_icon
+    dt.next.lists
+      +list_icon
+    dt.next.maps
+      +maps_icon
+    dt.next.new
+      +new_icon
+
+

data/share/views/compass/menu.sass

@@ -0,0 +1,42 @@
+@import "menu/menu"
+@import "menu/top_bar"
+@import "susy"
+
+%tab
+  @extend %button
+
+=large_menus
+  .rbbt_tabs, .tabs
+    @extend %tab_menu
+
+  .rbbt_vertical_menu, .rbbt_accordion
+    @extend %accordion_menu
+
+  .rbbt_dropdown, .dropdown_menu
+    @extend %dropdown_menu
+
+  .column, .small_column
+    @media #{$only-large}
+      +gallery(1 of 2)
+  .small_column
+    @media #{$only-very-large}
+      +gallery(1 of 3)
+
+=small_menus
+  .rbbt_tabs, .tabs, .rbbt_menu, .rbbt_vertical_menu, .rbbt_accordion, .rbbt_dropdown
+    @extend %accordion_menu
+    & > dd, & > dt
+      width: 100% 
+  .column
+    width: 100%
+
+=very_small_menus
+  +small_menus
+  .column, .small_column
+    width: 100%
+    width: 100%
+
+  
+
+#content, #modal
+  +large_menus

data/share/views/compass/menu/accordion_menu.sass

@@ -0,0 +1,30 @@
+%accordion_menu
+  @extend %menu
+  & > dt
+    +top_divider
+    width: 100%
+    padding-left: $tile !important
+    padding-right: $tile !important
+    text-align: left
+    &:not(:hover)
+      +oneline
+    & > a:first-child:not(:last-child)
+      font-size: 1.2em
+      width: 5em
+      text-align: center
+      display: inline-block
+      &:hover
+        border-right: 1px solid $subtle_border
+
+  @extend %hide-fold
+  & > dd
+    width: 100%
+    margin-bottom: 0
+    +white_background
+    +padded_block
+    +clearfix
+
+
+      
+
+

data/share/views/compass/menu/actionable.sass

@@ -0,0 +1 @@
+@import "elements/buttons"

data/share/views/compass/menu/dropdown_menu.sass

@@ -0,0 +1,31 @@
+@import "mixins/all"
+
+%dropdown_menu-layout
+  transform: rotate(360deg)
+  & > dt
+    @media #{$only-small}
+      width: 100%
+      padding-left: $tile !important
+      padding-right: $tile !important
+      text-align: left
+  & > dd
+    @media #{$only-small}
+      float: left
+    @media #{$not-small}
+      position: absolute
+      left: 0px
+
+%dropdown_menu-content-movement
+  +shrinking-up
+  overflow-y: auto
+
+%dropdown_menu
+  @extend %menu
+  @extend %dropdown_menu-layout
+  overflow: visible
+  & > dd
+    min-width: 100%
+    @extend %background-glassy
+    @extend %dropdown_menu-content-movement
+
+

data/share/views/compass/menu/hide.sass

@@ -0,0 +1,14 @@
+@import "mixins/hide"
+=gone
+  &:not(.show)
+    +shrinking("up")
+
+=hide_next
+  &.next:not(.show) + dd
+    +gone
+
+
+%hide-fold
+  position: relative
+  & > dd
+    +shrinking-up

data/share/views/compass/menu/menu.sass

@@ -0,0 +1,98 @@
+@import "compass/css3/transform"
+@import "compass/css3/border-radius"
+@import "base/blocks"
+@import "base/fonts"
+@import "base/text"
+@import "elements/buttons"
+@import "elements/materials"
+@import "elements/movement"
+
+@import "mixins/all"
+
+@import "menu/hide"
+@import "mixins/hide"
+
+@import "compass/typography/vertical_rhythm"
+
+=absolute
+  position: relative
+  & > dd
+    position: absolute
+
+=below_left
+  +absolute
+  & > dd
+    left: 0
+    
+=below_right
+  +absolute
+  & > dd
+    right: 0
+
+=top_right
+  position: relative
+  & > dd
+    position: absolute
+    top: 0
+
+
+=right_content
+  & > dd
+    position: absolute
+    top: 0
+    right: 0
+
+=float_content
+  & > dd
+    @extend %float-left
+    
+
+
+=shadow_content
+  +boxed
+  &:not(.show)
+    border: none
+  &.show
+    +bottom_shadow(2)
+
+
+=top_divider
+  &:not(:first-child)
+    border-top: 1px solid $extremely-subtle-color
+
+
+=action_top
+  border-top: 1px solid $subtle-border
+    
+%tab
+  +text_line
+  display: inline-block
+  position: relative
+  border-bottom: 0px
+  width: auto
+  min-width: 3em
+  text-align: center
+
+%menu
+  overflow: hidden
+  +clean_list
+  +flat_list
+  +noinlinegaps
+  position: relative
+  z-index: 1
+  & > dt
+    z-index: 2
+    @extend %tab
+    & > a
+      +clean_style
+  & > dd
+    z-index: 1
+    @media #{$only-small}
+      max-width: 100%
+
+
+@import "menu/tab_menu"
+@import "menu/dropdown_menu"
+@import "menu/vertical_menu"
+@import "menu/accordion_menu"
+    

data/share/views/compass/menu/tab_menu.sass

@@ -0,0 +1,14 @@
+%tab_menu-layout-horizontal
+  @extend %menu
+  overflow: visible
+  @extend %hide-fold
+  & > dt
+    @extend %tab
+  & > dd
+    @extend %float-left
+    +padded_block
+    overflow-y: auto
+    min-width: 100%
+
+%tab_menu
+  @extend %tab_menu-layout-horizontal

data/share/views/compass/menu/top_bar.sass

@@ -0,0 +1,105 @@
+=block-magic-glass
+  background: transparentize(tint($color-one, 73), 1 - 0.618)
+  border: $tile solid transparentize(tint($color-one, 73), 1 - 0.618)
+
+$top_bar-menu-height: 400px
+$top_bar-menu-width: 500px
+
+=top_bar-rail_menus
+  border-top: 1px solid $subtle_border
+  +shifting(right)
+
+  position: absolute
+  top: $top_menu_height
+  left: 0
+  width: 100%
+  @media #{$only-large}
+    margin-left: 30%
+    width: 70%
+  @media #{$only-very-large}
+    margin-left: 50%
+    width: 50%
+
+  +block-magic-glass
+  & > dl
+    width: 100%
+    & > dd
+      max-height: $top_bar-menu-height
+
+
+=top_bar-insitu_menus
+  margin-left: 2 * $tile
+  margin-right: 2 * $tile
+
+  transform: rotate(360deg)
+
+  &.reload, &.find
+    +material(1)
+
+  &.find
+    +shifting(right)
+    position: absolute
+    top: $top_menu_height
+
+  &.favourites
+    float: left
+    margin-left: calc(15% + #{ 2 * $indent})
+    & > dl > dd 
+      left: 0
+
+  &.user
+    float: right
+    margin-right: 10em
+    flex-direction: row-reverse
+    & > dl > dd 
+      position: absolute
+      right: 0
+
+  & > dl
+    z-index: 12
+    overflow: visible
+    display: flex
+
+    & > dt 
+      z-index: 14
+
+    & > dd 
+      overflow-y: auto
+      overflow-x: hidden
+      position: absolute
+      top: 48px
+      width: $top_bar-menu-width
+      +block-magic-glass
+      margin: 0
+      z-index: 13
+      +shifting-up
+      max-height: $top_bar-menu-height
+
+
+=top_bar-menus
+  &.find
+    @extend %background-subtle
+
+  @media #{$not-very-large}
+    +top_bar-rail_menus
+  @media #{$only-very-large}
+    +top_bar-insitu_menus
+
+  & > dl
+    @extend %tab_menu-layout-horizontal
+    & > dt 
+      @extend %hmargin-none
+      @extend %background-subtle
+      @extend %tab
+
+    & > dd 
+      background: white
+      padding: 0px
+      +inset_bottom_shadow(1)
+      > dl
+        @extend %accordion_menu
+
+#top_menu
+  > .favourites, > .user, > .find
+    +top_bar-menus
+

data/share/views/compass/menu/vertical_menu.sass

@@ -0,0 +1,21 @@
+
+%vertical_menu
+  @extend %menu
+  +right_content
+
+  & > dt
+    float: left
+    clear: both
+    width: 30%
+    overflow: hidden
+    display: block
+
+  & > dd
+    +boxed
+    border-right: 0
+    border-top: 0
+    border-bottom: 0
+
+    width: 70%
+    height: 100%
+