[CLOSED] Errors in extnet css

[acrossdev]

I have found several errors in dynamic styles in extnet-core.js and extnet-core-debug.js

missed spaces at CSS classes names declarations, e.g.

buf.push(".x-fieldset.x-column{padding:10px;padding-top:0px;}");
-----------------------^---- should be a white space here

was:

buf.push(".x-textfield-icon{background-repeat:no-repeat;background-position:0 50%;width:16px;height:16px;margin-left:1px;}.x-textfield-icon-input{padding-left:20px;}.x-form-field-wrap .x-textfield-icon{top:3px;left:2px;}");
buf.push("input.x-tree-node-cb{margin-left:1px;height:18px;vertical-align:bottom;}.x-tree-node .x-tree-node-inline-icon{background:transparent;height:16px !important;}.x-field-note{font-size:12px;color:gray;}.x-field-multi{float:left;padding-right:3px;position:relative;}.x-inline-toolbar{padding:0px !important;border:0px !important;background:none !important;}");
buf.push(".x-grid3 .x-row-expander-control TABLE{table-layout: auto;} .x-grid3 .x-row-expander-control TABLE.x-grid3-row-table{table-layout:fixed;} .x-fieldset.x-form-invalid{border-color:#c30;}");
buf.push(".ext-ie6 ul.x-menu-list li.x-menu-sep-li{height:5px !important;}");
buf.push(".x-form-item.x-form-label-top label.x-form-item-label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}");
buf.push(".x-menu-field-icon{top:auto;margin-top:3px;margin-left:3px;}");
buf.push(".x-toolbar-classic .x-btn-tl{background-position:0 0} .x-toolbar-classic .x-btn-tr{background-position:-3px 0} .x-toolbar-classic .x-btn-tc{background-position:0 -6px} .x-toolbar-classic .x-btn-ml{background-position:0 -24px} .x-toolbar-classic .x-btn-mr{background-position:-3px -24px} .x-toolbar-classic .x-btn-mc{background-position:0 -1096px} .x-toolbar-classic .x-btn-bl{background-position:0 -3px} .x-toolbar-classic .x-btn-br{background-position:-3px -3px} .x-toolbar-classic .x-btn-bc{background-position:0 -15px}");
buf.push(".x-table-layout-cell{vertical-align:top;}");
buf.push(".x-form-field-wrap.x-top-note .x-form-trigger{top:auto;}"); 
buf.push(".x-btn-no-arrow{padding-right:0px !important;background:none !important;}");
buf.push(".x-form-indicator{height:18px;position:absolute;left:0;top:0;display:block;background-color: transparent;background-repeat:no-repeat;background-position:0 3px;padding-top:3px;}");
buf.push(".x-column-layout-ct {overflow:hidden;zoom:1;}");
buf.push(".x-column-layout-bg-ct, .x-column-layout-bg-ct .x-column-inner {background-color:#f0f0f0;}");
buf.push(".x-theme-blue .x-column-layout-bg-ct, .blue .x-column-layout-bg-ct .x-column-inner {background-color:#dfe8f6;}"); 
buf.push(".x-fieldset.x-column{padding:10px;padding-top:0px;}");
buf.push(".x-top-note-label{margin-top:14px;}");

should be:

buf.push(".x-textfield-icon{background-repeat:no-repeat;background-position:0 50%;width:16px;height:16px;margin-left:1px;} .x-textfield-icon-input{padding-left:20px;} .x-form-field-wrap .x-textfield-icon{top:3px;left:2px;}");
buf.push("input.x-tree-node-cb{margin-left:1px;height:18px;vertical-align:bottom;} .x-tree-node .x-tree-node-inline-icon{background:transparent;height:16px !important;} .x-field-note{font-size:12px;color:gray;} .x-field-multi{float:left;padding-right:3px;position:relative;} .x-inline-toolbar{padding:0px !important;border:0px !important;background:none !important;}");
buf.push(".x-grid3 .x-row-expander-control TABLE{table-layout: auto;} .x-grid3 .x-row-expander-control TABLE.x-grid3-row-table{table-layout:fixed;} .x-fieldset .x-form-invalid{border-color:#c30;}");
buf.push(".ext-ie6 ul.x-menu-list li.x-menu-sep-li{height:5px !important;}");
buf.push(".x-form-item .x-form-label-top label.x-form-item-label{width:auto;float:none;clear:none;display:inline;margin-bottom:4px;position:static;}");
buf.push(".x-menu-field-icon{top:auto;margin-top:3px;margin-left:3px;}");
buf.push(".x-toolbar-classic .x-btn-tl{background-position:0 0} .x-toolbar-classic .x-btn-tr{background-position:-3px 0} .x-toolbar-classic .x-btn-tc{background-position:0 -6px} .x-toolbar-classic .x-btn-ml{background-position:0 -24px} .x-toolbar-classic .x-btn-mr{background-position:-3px -24px} .x-toolbar-classic .x-btn-mc{background-position:0 -1096px} .x-toolbar-classic .x-btn-bl{background-position:0 -3px} .x-toolbar-classic .x-btn-br{background-position:-3px -3px} .x-toolbar-classic .x-btn-bc{background-position:0 -15px}");
buf.push(".x-table-layout-cell{vertical-align:top;}");
buf.push(".x-form-field-wrap .x-top-note .x-form-trigger{top:auto;}"); 
buf.push(".x-btn-no-arrow{padding-right:0px !important;background:none !important;}");
buf.push(".x-form-indicator{height:18px;position:absolute;left:0;top:0;display:block;background-color: transparent;background-repeat:no-repeat;background-position:0 3px;padding-top:3px;}");
buf.push(".x-column-layout-ct {overflow:hidden;zoom:1;}");
buf.push(".x-column-layout-bg-ct, .x-column-layout-bg-ct .x-column-inner {background-color:#f0f0f0;}");
buf.push(".x-theme-blue .x-column-layout-bg-ct, .blue .x-column-layout-bg-ct .x-column-inner {background-color:#dfe8f6;}"); 
buf.push(".x-fieldset .x-column{padding:10px;padding-top:0px;}");
buf.push(".x-top-note-label{margin-top:14px;}");

[Vladimir]

Hi,

It is not bug, it is correct css selector which means that element has both css classes at one time
Please see
http://www.maxdesign.com.au/articles/multiple-classes/