knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#427] Fixed styles in fields view.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/multiview.css
View File

@ -195,22 +195,30 @@
padding: 0;
}
.recline-fields-view .fields-list .accordion-heading,
.recline-fields-view .fields-list h3
{
margin: 3px 0 3px 5px;
.recline-fields-view .panel {
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
}
.recline-fields-view .fields-list .accordion-heading a,
.recline-fields-view .fields-list .accordion-heading h4 {
.recline-fields-view .panel-group h3 {
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;
}
.recline-fields-view .fields-list .accordion-heading a {
.recline-fields-view .panel a {
padding: 0;
}
.recline-fields-view .fields-list .accordion-heading h4 {
.recline-fields-view .panel h4 {
word-wrap: break-word
}

12
src/widget.fields.js
View File

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