Uebersicht widget to enable flexbox

enable-flexbox.coffee

alignItems     : 'stretch'    # default: 'stretch'
alignContent   : 'stretch'    # default: 'stretch'
flexDirection  : 'row'        # default: 'row'
flexWrap       : 'wrap'       # default: 'nowrap'
justifyContent : 'flex-start' # default: 'flex'-start'

refreshFrequency: false

command: "echo"

render: (output) -> """
  <style>
    #__uebersicht {
      display: flex;
      align-items: #{@alignItems}
      align-content: #{@alignContent}
      flex-direction: #{@flexDirection}
      flex-wrap: #{@flexWrap}
      justify-content: #{@justifyContent};
    }
    #__uebersicht>div {
      width: auto;
    }
    .widget {
      position: relative;
    }
  </style>
  """

update: (output, domEl) ->
  $(domEl).parent('div').css('position', 'absolute')