rbbt-rest 1.4.12 → 1.4.13

data/share/views/compass/elements/tool.sass

@@ -0,0 +1,60 @@
+@import 'elements/positions'
+@import 'elements/movement'
+@import 'screen_sizes'
+@import 'base/icons'
+@import 'base/blocks'
+@import 'base/colors'
+
+body
+  margin-top: 5em
+
+=tool($height: 700px)
+  +clearfix
+  dl.tool_menu, & > .menu
+    +clearfix
+
+    & > dt
+      +raisable
+    & > dd
+      +padded_block
+      background: rgba(230,230,230,0.6)
+      max-height: $height
+      &.show
+        +bottom_shadow(1)
+        background: rgba(230,230,230,0.9)
+      &:not(.show)
+        border: none
+        background: rgba(230,230,230,1)
+
+  .tool_window, & > .window
+    +padded_block
+    +clearfix
+    border: 1px solid $color-two
+    @media #{$only-large}
+      min-height: $height
+      height: $height
+      overflow: auto
+
+  &:not(.show)
+    dl.tool_menu, & > .menu
+      & > dd
+        max-height: $height
+        overflow: auto
+    .tool_window, & > .window
+      @media #{$only-large}
+        overflow: auto
+
+  &.show
+    +fix_to_bar
+    dd
+      max-width: 100% 
+
+    .tool_menu > dd.show
+      height: auto 
+      max-height: 2000px 
+    
+    .tool_window, & > .window
+      &:not(.fixed_size)
+        height: auto
+      +white_background
+

data/share/views/compass/grid.sass

@@ -0,0 +1,3 @@
+@import "base/blocks"
+@import "menu/menu"
+

data/share/views/compass/init.sass

@@ -0,0 +1,9 @@
+//{{{ RESET
+//    -----
+
+@import "compass/reset"
+@import "compass/css3/box-sizing"
+
+body 
+  *
+    @include box-sizing(border-box)

data/share/views/compass/layout.sass

@@ -1,221 +1,5 @@
-@import "compass/css3/box-sizing"
-body *
-  @include box-sizing(border-box)
-
-.menu_item
-  +_rbbt_menu_item
-
-$gap: 12px
-body
-  margin: 0
- 
-  #content
-    +clear_fix
-    min-height: 900px
-    margin-left: $indent
-    margin-right: $indent
-    margin-bottom: $vindent
-
-dl.rbbt_menu
-  @media #{$not-large}
-    +rbbt_accordion
-  @media #{$only-large}
-    +rbbt_menu
-
-dl.rbbt_vertical_menu
-  @media #{$not-large}
-    +rbbt_accordion
-  @media #{$only-large}
-    +rbbt_vertical_menu
-
-dl.rbbt_accordion
-  +rbbt_accordion
-  @media #{$not-large}
-
-dl.tabs, dl.rbbt_tabs
-  +rbbt_tabs
-
-dl.rbbt_menu, dl.rbbt_vertical_menu, dl.rbbt_accordion, dl.tabs, dl.rbbt_tabs
-  @media #{$not-large}
-    width: 100%
-    dt
-      min-width: 30%
-
-dl.rbbt_menu, dl.rbbt_vertical_menu, dl.rbbt_accordion, dl.tabs, dl.rbbt_tabs
-  &.subtle
-    background-color: none
-    dt
-      background-color: none
-
-ul.clean_list
-  +clean_list(false)
-
-//@import url(http://fonts.googleapis.com/css?family=Noticia+Text)
-
-//@import url(http://fonts.googleapis.com/css?family=Open+Sans)
-@font-face 
-  font-family: 'Open Sans'
-  font-style: normal
-  font-weight: 400
-  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
-        
-
-
-body, p, h1, h2, h3, h4, h5, h6
-  font-family: "Open Sans", "Trebuchet MS", "Noticia Text", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif
-  line-height: 1.4em
-
-footer
-  text-align: center
-  position: relative
-  clear: both
-  margin: 0
-  margin-top: $vindent
-  padding: $vindent $indent
-  background-color: $color_main
-  border-top: 1px solid darken($color_menu_bg, 15)
-
-.list_management, .map_management
-  ul
-    +rbbt_button_list($color_bg: $color_list_management_bg, $width: 31%)
-    border-bottom: 1px solid $color_menu_border
-
-.map_management ul li
-  min-width: 45%
-
-.filter_controls
-  @extend .action_parameters
-
-ul.list_comparison
-  +clean_list
-  & > li
-    width: 100%
-    & > a
-    ul.list_comparison_buttons
-      +clean_list
-      display: inline-block
-      background-color: #fff
-      padding: 0
-      margin: 0
-      margin-right: $indent
-      & > li
-        +_rbbt_menu_item
-        background-color: #fff
-        border: 1px solid rgba(0,0,0,0.11)
-        padding: 0 5px
-        a
-          width: 100%
-          display: inline-block
-    
-.input 
-  &.list_id, &.map_id
-    width: 100%
-    input
-      width: 100%
-
-.wait, .error
-  ul.step_messages
-    li
-      color: darken($color_main, 30)
-      margin-bottom: 1.5em
-
-  h5
-    span.name
-      display: inline-block
-      margin-right: 2 * $indent
-      margin-left: 2 * $indent
-      color: darken($color_main, 30)
-    span.hash
-      display: inline-block
-      color: gray
-
-
-
-.action_loader
-  min-height: 500px
-
-@media #{$only-very-small} 
-  table.wide, table.flip
-    +responsive_table
-
-table
-  +rbbt_table
-
-.table_column_selector
-  +table_column_selector
-
-.rbbt_reveal_content
-  +rbbt_reveal_content
-
-.modal
-  +modal
-
-.action_loader > .action_card > .action_parameters
-  margin-top: 0 
-  border-top: none
-
-.action_parameters
-  +action_parameters
-
-.entity_card, .entity_list_card, .entity_map_card, .action_card, .workflow_task
-  +card
-
-  & > .card > .sidebar 
-    h1, h2, h3, h4, h5, h6
-      margin: $indent
-    p
-      margin: $indent
-
-  & > .card > .sidebar dl
-    margin: $vindent $indent 
-    +indented_dl
-    font-weight: normal
-    &.rbbt_accordion
-      margin: 0 0
-
-
-    & > dt, dd
-      border-left: 0
-      border-right: 0
-    dt.next 
-      min-height: 3em
-      font-weight: normal
-      &> span.title
-        margin-left: 3em
-      &> a
-        position: absolute
-        left: $indent
-
-.sidebar
-  overflow-y: hidden
-  overflow-x: hidden
-  p
-    margin-left: $indent
-  ul.entity_list
-    +clean_list
-    margin: $vindent $indent
-    li
-      display: block
-
-a.fragment
-  +fragment
-
-.hide_toggle
-  width: 100%
-  width: 2em
-
-@media #{$only-large}
-  .row
-    +clearfix()
-  .small_column
-    +span(1 of 3)
-    &:last-child
-      +span(last 1 of 3)
-    &:first-child
-      +span(first 1 of 3)
-  .column
-    +span(1 of 2)
-    &:last-child
-      +span(last 1 of 2)
-    &:first-child
-      +span(first 1 of 2)
+@import "layout/top_menu"
+@import "layout/body"
+@import "layout/reveal"
+@import "layout/result"
+@import "layout/footer"

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

@@ -0,0 +1,23 @@
+@import "compass/typography/vertical_rhythm"
+@import "base/fonts"
+@import "elements/lists"
+
+body 
+  +normal
+  +main_font
+  +normal_weight
+
+  & > header:first-child
+    +very-large
+    margin-bottom: rhythm(1)
+    min-height: rhythm(4.25)
+    .title
+      display: block
+      +font-scale(0.7)
+
+  navigation, .sidebar
+    +trailer(1)
+
+  navigation
+    dl
+      +clean_list

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

@@ -0,0 +1,44 @@
+@import "toolkit"
+@import "compass/typography/vertical_rhythm"
+@import "base/fonts"
+
+#content
+  +clearfix
+  clear: both
+
+#footer
+  border-top: 2px solid transparentize($color-one, 0.75)
+  +clearfix
+  clear: both
+
+  margin-top: rhythm(2)
+  padding-top: rhythm(1)
+  padding-left: 5%
+  padding-right: 5%
+  color: $color-one
+  +normal
+  +compact
+
+  @media #{$only-large}
+    .logo
+      float: left
+      width: 30%
+      img
+        height: 115px
+        width: 245px
+
+    .address, .contact
+      text-align: right
+
+  .address
+    +clearfix
+    span
+      display: block
+
+  .contact
+    &:before
+      content: "Contact: "
+    span.where:before
+      content: " at "
+
+

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

@@ -0,0 +1,6 @@
+@import "elements/buttons"
+.job_control
+  ul
+    +button_set
+    li
+      +button

data/share/views/compass/{rbbt → layout}/reveal.sass

@@ -1,37 +1,39 @@
+@import "toolkit"
+@import 'base/fonts'
+@import 'base/screen_sizes'
+
 =rbbt_reveal_content
   display: none !important
 
 =modal
-  +rbbt_panel(#fff, #000)
   position: fixed
-  top: 0
-  z-index: 20
-
-  @media #{$not-large}
-    border: 5px solid rgba(0,0,0,0.3)
-  @media #{$only-large}
-    border: 5px solid rgba(0,0,0,0.3)
-
-  min-width: 70%
-  max-height: 90%
-  margin: 50px
-  @media #{$not-large}
-    margin-left: 10px
-    margin-right: 10px
+  display: none
+  background: white
+  max-height: 95%
+  z-index: 12
+
+  &.show + div
+    overflow: hidden
+    height: 100px !important
+    * 
+      overflow: hidden
+      
+
   overflow: auto
+
   & > .header
-    font-size: 1.5em
+    +medium
     .controls
       float: right
       a
-        margin-left: $indent
+        margin-left: 1em
     .title
       float: left
 
     width: 100%
-    +clear_fix
+    +clearfix
     border-bottom: 1px solid grey
-    margin-bottom: $vindent
+    margin-bottom: rhythm(1)
 
   &:not(.url)
     .controls

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

@@ -0,0 +1,99 @@
+@import "base/variables"
+@import "base/colors"
+@import "base/screen_sizes"
+@import "menu"
+
+$top_depth: 2
+
+%top_bar-button
+  @extend %button
+
+%top_bar-height
+  height: $top_menu_height
+
+%top_bar-size
+  @extend %top_bar-height
+  @extend %width-full
+
+%top_bar-position
+  position: fixed
+  top: 0
+  left: 0
+  z-index: 10
+
+%top_bar-layout
+  +container
+  padding-left: $gutter
+  padding-right: $gutter
+
+%top_bar-text
+  $font-size: 1.3 * $base-font-size
+  font-size: $font-size 
+  line-height: 48px
+
+%top_bar-title-position
+  position: absolute
+  left: $indent * 2
+
+%top_bar-title
+  @extend %top_bar-text
+  @extend %top_bar-title-position
+  @extend %text-ellipsis
+
+%top_bar-reload-position
+  position: absolute !important
+  top: 0
+  right: 0
+
+%top_bar-reload
+  @extend %top_bar-text
+  @extend %top_bar-reload-position
+  @extend %top_bar-button
+  +reload_icon
+
+%top_bar-button_container-item-order
+  &.hide_toggle[data-title=Favs]
+    order: 4
+  &.hide_toggle[data-title=User]
+    order: 3
+  &.hide_toggle[data-title=Side]
+    order: 1
+  &.hide_toggle[data-title=Find]
+    order: 2
+
+%top_bar-button_container-item
+  @extend %top_bar-button
+  @extend %top_bar-button_container-item-order
+  &.hide_toggle[data-title=Favs]
+    +favs_icon
+  &.hide_toggle[data-title=User]
+    +user_icon
+  &.hide_toggle[data-title=Side]
+    +side_icon
+  &.hide_toggle[data-title=Find]
+    +find_icon
+
+%top_bar-button_container-position
+  float: right
+  margin-right: $icon-default-width - $gutter
+
+%top_bar-button_container-layout
+  display: flex
+  flex-direction: row-reverse
+
+%top_bar-button_container
+  @extend %top_bar-text
+  @extend %top_bar-button_container-position
+  @extend %top_bar-button_container-layout
+  @extend %overflow-hidden
+  & > a
+    @extend %top_bar-button_container-item
+
+
+%top_bar-button
+  @extend %button
+#top_menu
+  @media #{$only-very-large}
+    .hide_toggle[data-title=Favs], .hide_toggle[data-title=User]
+      display: none
+