rbbt-rest 1.4.12 → 1.4.13

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

@@ -0,0 +1,18 @@
+@import "base/variables"
+@import "base/colors"
+@import "elements/lists"
+
+=actionable
+  cursor: pointer
+
+%actionable
+  +actionable
+
+=toggle_button
+  +actionable
+  +hide_next
+
+@import "base/fonts"
+
+@import "color/buttons"
+@import "space/button"

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

@@ -0,0 +1,197 @@
+@import "base/variables"
+@import "compass/typography/vertical_rhythm"
+@import 'base/text'
+@import 'base/fonts'
+@import 'base/blocks'
+
+@function font-spaces($size)
+  @return $size * $base-font-size
+  
+=label
+  +noselect
+  +ellipsis_text
+  &[title]
+    cursor: help
+  span.input_default
+    +subtle_text
+    display: block
+
+=boolean
+  position: absolute 
+  overflow: hidden 
+  clip: rect(0 0 0 0)
+  z-index: -1000 
+  left: -1000px 
+  height: 1px
+  width: 1px
+  margin: -1px
+  padding: 0
+  border: 0
+  display: none
+  float: right
+            
+  & + label:after
+    content: "false"
+    display: block
+    clear: both
+    margin-left: 1em
+
+  &:checked + label:after
+    +bold
+    content: "true"
+
+form
+  +container
+  .input
+    +rhythm(0.5,0.5,0.5,0.5)
+
+    textarea
+      +rhythm(0,0.25,0.25,0,$base-font-size)
+      padding-left: font-spaces(1)
+      padding-right: font-spaces(1)
+      min-height: rhythm(7)
+
+    span.file_or_text_area
+      display: block
+    label
+      +label
+        
+select
+  min-width: font-spaces(10)
+  &:empty
+    display: none
+
+input[type=text], input[type=number], input[type=file], input[type=submit], select, input[type=file], select
+  height: font-spaces(2)
+  width: 12em
+
+input[type=text], input[type=number], select
+  display: inline-block
+  padding-left: font-spaces(0.5)
+    
+span.choice
+  input 
+    float: left
+
+.input.boolean
+  label, input
+    +pointer
+
+.input.multiple
+  +padded_block
+  width: 100% !important
+  span.choice
+    float: left
+    min-width: span(1 of 10)
+    margin-right: font-spaces(1)
+  span, label
+    +pointer
+
+=labeled_entry
+  +clearfix
+  max-width: 100%
+  @media #{$only-large}
+    position: relative
+    width: font-spaces(35)
+    & > label
+      text-align: right
+
+    & > :first-child
+      float: left
+      width: 30% !important
+      min-width: 30% !important
+      span
+        display: block
+    & > :nth-child(2)
+      float: left
+      margin-left: $gutter
+
+  @media #{$not-large}
+    width: 100%
+
+    & > :first-child
+      float: left
+
+    & > :not(:first-child)
+      float: right
+
+.input
+  margin-top: 0px !important
+  margin-bottom: 0px !important
+
+.input:not(.multiple)
+  +oneline
+  +padded_block
+  +labeled_entry
+  float: left
+  font-size: 0
+  *
+    font-size: initial
+
+  input[type=checkbox]
+    margin-top: font-spaces(0.5)
+    margin-bottom: font-spaces(0.5)
+
+  @media #{$only-large}
+    span.file_or_text_area
+      display: block
+      margin-left: calc(30% + #{$gutter})
+      float: right
+      +subtle_text
+
+      &:before
+        content: "\02026"
+        width: font-spaces(1.25)
+        margin-right: font-spaces(0.25)
+        display: inline-block
+
+    textarea, select
+      max-width: calc(70% - #{$gutter})
+
+    textarea
+      width: calc(70% - #{$gutter})
+      margin-left: calc(30% + #{$gutter})
+      margin-right: 0em
+      clear: both
+      float: left
+
+  @media #{$not-large}
+    span.file_or_text_area
+      +subtle_text
+      clear: both
+      float: right
+      &:before
+        content: "\02026"
+        width: font-spaces(1.25)
+        margin-right: font-spaces(0.25)
+        display: inline-block
+
+    textarea, select
+      max-width: 100%
+    textarea
+      clear: both
+      width: 100%
+
+.input.submit:last-child
+  clear: both !important
+  float: left
+  min-height: 0
+  border-top: 1px solid $subtle_color
+  > select
+    width: font-spaces(5)
+    min-width: font-spaces(5)
+
+form.workflow_task
+  position: relative
+  &:before
+    +oneline
+    content: "Hover over the input labels to see the description"
+    position: absolute
+    left: 0
+    top: -$tile
+    font-size: 0.6em
+    color: $subtle_color
+    @media #{$only-large}
+      padding-left: 23 * $tile
+
+

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

@@ -0,0 +1,14 @@
+=clean_list()
+  margin-left: 0
+  margin-right: 0
+  padding: 0
+  list-style: none
+  & > li, & > dt, & > dd
+    margin-left: 0px
+
+=flat_list()
+  & > li, & > dt
+    display: inline-block
+    vertical-align: bottom
+    & > * 
+      vertical-align: bottom

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

@@ -0,0 +1 @@
+@import "base/material"

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

@@ -0,0 +1,84 @@
+=ease_position($time: 0.3s)
+  @include transition-property(top left margin-top margin-left max-height)
+  @include transition-duration($time)
+  @include transition-timing-function(ease-in-out)
+
+=ease_width($time: 0.3s)
+  @include transition-property(width)
+  @include transition-duration($time)
+  @include transition-timing-function(ease-in-out)
+
+=ease_height($time: 0.3s)
+  @include transition-property(max-height padding-top padding-bottom)
+  @include transition-duration($time)
+  @include transition-timing-function(ease-in-out)
+  
+=ease($time: 0.3s)
+  @include transition-property(all)
+  @include transition-duration($time)
+  @include transition-timing-function(ease-in-out)
+  
+=shrink_horizontal
+  overflow: hidden
+  max-width: 0
+  padding-left: 0
+  padding-right: 0
+  border: none
+
+=shrink_vertically
+  overflow: hidden
+  max-height: 0
+  padding-top: 0
+  padding-bottom: 0
+  border: none
+
+=shrink_direction($direction: right)
+  @if $direction  == left
+    +shrink_horizontal
+
+  @if $direction  == up
+    +shrink_vertically
+
+  @if $direction  == down
+    +shrink_vertically
+
+  @if $direction  == right
+    +shrink_horizontal
+
+
+=placed_up
+  position: absolute
+  width: 10px !important
+  height: 10px !important
+  overflow: hidden
+  top: -99999px
+
+=max_size_box($hsize: 400px, $vsize: 400px)
+  max-width: $hsize
+  max-height: $vsize
+
+=shrinking($direction: right)
+  +max_size_box(50000px, 50000px)
+
+  @if $direction  == left
+    +ease_width
+    max-height: inherit
+    min-width: 0
+  @if $direction  == right
+    +ease_width
+    max-height: inherit
+    min-width: 0
+
+  @if $direction  == up
+    +ease_height
+    max-width: inherit
+    min-height: 0
+
+  @if $direction  == down
+    +ease_height
+    max-width: inherit
+    min-height: 0
+    
+  &:not(.show)
+    +shrink_direction($direction)
+    z-index: inherit

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

@@ -0,0 +1,18 @@
+
+=fix_to_top
+  @extend %background-main
+  +shifting-up
+
+  position: absolute
+  left: 0
+  top: $top_menu_height
+  height: auto
+  +bottom_shadow
+  margin-top: 0
+  &.show
+    min-height: 200%
+
+=fix_to_bar
+  +fix_to_top
+  top: 48px
+  min-width: 100%

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

@@ -0,0 +1,176 @@
+@import "base/variables"
+@import "base/colors"
+@import "base/text"
+@import "base/fonts"
+
+=rbbt_table()
+  +normal
+  min-width: span(1 of 3)
+  max-width: 100%
+  &:not([attr-filter])
+    tbody:empty
+      &:before
+        content: "Empty table"
+        width: 100%
+        padding: $tile
+        text-align: center
+        display: inline-block
+        +subtle_color
+  &:not([attr-filter]) 
+    tbody:empty ~ tfoot
+      display: none
+
+  caption
+    margin-left: $padding_table
+    text-align: left
+    span
+      +normal
+      +compact
+      +subtle_color
+
+  border-collapse: collapse
+
+  tbody, thead, tfoot
+    & > tr:nth-child(2n)
+      background-color: transparentize($table_color, 0.90)
+    & > tr
+      & > td, & > th
+        margin: 0
+        padding: rhythm(0.5)
+        text-align: left
+      & > th
+        background-color: transparentize($table_color, 0.85)
+        +noselect
+ 
+  td, th
+    vertical-align: center
+    a
+      white-space: nowrap
+
+  &.wide
+    td
+      max-width: 200px
+      overflow: hidden
+      text-overflow: ellipsis
+      @media #{$only-large}
+        &:first-child
+          max-width: 400px
+
+  tfoot
+    th
+      padding: 0 !important
+    ul.table_actions li
+      margin-bottom: 0
+      margin-left: $margin_table_actions
+    ul.table_pagination, ul.table_actions
+      +clean_list
+      +flat_list
+      +button_set
+      display: flex
+      li > .button, li.button, li
+        min-width: 3em
+        text-align: center
+      float: left
+      margin-right: 1em
+      li.num.active, li.num.active > *
+        text-decoration: underline
+
+    ul.table_actions
+      @media print
+        &
+          display: none
+
+  &.sorted > thead > tr > th
+    position: relative
+    &, &:hover
+      +down_cursor
+      &.headerSortDown
+        +up_cursor
+
+    &.headerSortDown, &.headerSortUp
+      +bold
+
+    &.headerSortUp:after, &.headerSortDown:after
+      content: " "
+      float: right
+      right: 0
+
+    &.headerSortDown:after
+      margin-top: 5px
+
+    &.headerSortUp:after
+      margin-bottom: 5px
+
+=table_column_selector
+  li
+    @include grid-row()
+
+    span
+      @include ellipsis_text()
+      @include grid-column(8)
+    a
+      @include grid-column(2, $last-column:false)
+
+=responsive_table()
+  caption
+    display: block
+  display: block
+  position: relative
+  width: 100%
+  border-collapse: collapse
+  border-spacing: 0
+
+  & > thead, & > tbody
+    & > tr
+      & > th, & > td 
+        margin: 0
+        vertical-align: top
+        height: 3em
+
+      & > th
+        display: block
+        text-align: right
+
+      & > td
+        display: block
+        text-align: left
+
+  & > thead 
+    display: block
+    float: left
+    max-width: 40%
+    white-space: nowrap
+    overflow: auto
+    overflow-y: hidden
+    & > tr 
+      display: block
+      & > th 
+        text-align: left
+
+  & > tfoot
+    width: 100%
+    & > tr > th
+      padding: 0
+
+  & > tbody 
+    display: block
+    width: auto
+    position: relative
+    overflow-x: auto
+    white-space: nowrap
+    & > tr 
+      display: inline-block
+      vertical-align: top
+   
+  /* sort out borders */
+
+  & > thead, & > tbody, & > tfoot
+    & > tr > th, & > tr > td
+      border-left: 0
+      border-right: 0
+      border-bottom: 0
+
+  & > tbody > tr 
+    border-left: 1px solid $subtle_border
+
+