Styling UI

[jastako]

Hi there,

Whenever I try to custom style UI, using 'style' member, ST2 somehow loses information about first items in CSS block.

Given example (CoffeeScript):

    Ext.Viewport.add
      xtype: 'panel'
      scrollable: true
      fullscreen: true

      defaults:
        style: """
                div.red
                {
                  bugfix_placeholder: 0;
                  color: red;
                  display: inline-block;
                }

                div.yellow
                {
                  bugfix_placeholder: 0;
                  color: yellow;
                  display: inline-block;
                }

                div.green
                {
                  bugfix_placeholder: 0;
                  color: green;
                  display: inline-block;
                }
                """
        #styleHtmlContent: true

      items: [
        {
        html : "<div class='yellow'>aaa</div>"
        },
        {
        html : "<div class='red'>bbb</div>"
        },
        {
        html : "<div class='yellow'>ccc</div>"
        },
        {
        html : "ddd"
        },
      ]

1) 'bugfix_placeholder: 0' has been added to each CSS block definition as a first item. This lets consequent items in block be correctly processed.
2) all elements (incl. 'ddd') are green.

Is this just me or bugs in ST2?

[mitchellsimoens]

The style config doesn't take CSS, it takes rules.

[jastako]

Thanks for info!