[#427] Fixed styles in fields view.

This commit is contained in:
Sol Villar
2015-03-05 03:19:39 -03:00
parent 7953d00342
commit b1655fcc71
2 changed files with 22 additions and 14 deletions

View File

@@ -195,22 +195,30 @@
padding: 0; padding: 0;
} }
.recline-fields-view .fields-list .accordion-heading, .recline-fields-view .panel {
.recline-fields-view .fields-list h3 background-color: #f5f5f5;
{ border: 1px solid #e5e5e5;
margin: 3px 0 3px 5px;
} }
.recline-fields-view .fields-list .accordion-heading a, .recline-fields-view .panel-group h3 {
.recline-fields-view .fields-list .accordion-heading h4 { padding-left: 10px;
}
.recline-fields-view .fields-list .panel-heading {
padding: 2px 5px;
margin: 1px 0px 1px 5px;
}
.recline-fields-view .panel a,
.recline-fields-view .panel h4 {
display: inline; display: inline;
} }
.recline-fields-view .fields-list .accordion-heading a { .recline-fields-view .panel a {
padding: 0; padding: 0;
} }
.recline-fields-view .fields-list .accordion-heading h4 { .recline-fields-view .panel h4 {
word-wrap: break-word word-wrap: break-word
} }

View File

@@ -25,12 +25,12 @@ this.recline.View = this.recline.View || {};
my.Fields = Backbone.View.extend({ my.Fields = Backbone.View.extend({
className: 'recline-fields-view', className: 'recline-fields-view',
template: ' \ template: ' \
<div class="accordion fields-list well"> \ <div class="panel-group fields-list well"> \
<h3>Fields <a href="#" class="js-show-hide">+</a></h3> \ <h3>Fields <a href="#" class="js-show-hide">+</a></h3> \
{{#fields}} \ {{#fields}} \
<div class="accordion-group field"> \ <div class="panel panel-default field"> \
<div class="accordion-heading"> \ <div class="panel-heading"> \
<i class="icon-file"></i> \ <i class="glyphicon glyphicon-file"></i> \
<h4> \ <h4> \
{{label}} \ {{label}} \
<small> \ <small> \
@@ -39,8 +39,8 @@ my.Fields = Backbone.View.extend({
</small> \ </small> \
</h4> \ </h4> \
</div> \ </div> \
<div id="collapse{{id}}" class="accordion-body collapse"> \ <div id="collapse{{id}}" class="panel-collapse collapse"> \
<div class="accordion-inner"> \ <div class="panel-body"> \
{{#facets}} \ {{#facets}} \
<div class="facet-summary" data-facet="{{id}}"> \ <div class="facet-summary" data-facet="{{id}}"> \
<ul class="facet-items"> \ <ul class="facet-items"> \