web/data/cubicweb.facets.css
author Rémi Cardona <remi.cardona@logilab.fr>
Mon, 20 Oct 2014 12:23:13 +0200
changeset 10029 832a2a0b7bd2
parent 9379 b0b1148b6963
permissions -rw-r--r--
[facets] Correctly look for inputs of type "hidden" (closes #4502768) jQuery ':hidden' selector looks at CSS visual properties (eg, 'display', 'visibility'). The intent here was probably to look for inputs of type "hidden", which many facets use to store user selection data (eg, FacetRangeWidget). The problem is that regular text inputs (eg the "has_text" facet which has a '<input type="text"/>') will be picked up by this selector if they are inside a folded facet. Chaos and destruction ensue.

#filterbox fieldset{
 margin: 0px;
 padding: 0px;
}

.facet {
  border: 1px solid chocolate;
  background: #fff;
  padding: %(facet_Padding)s;
  margin-bottom: %(facet_MarginBottom)s;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 7px;
}

.facetGroup {
  margin: .3em;
  float: left;
}

div.facetTitle, div.bkSearch  {
 color: #000;
 margin: 2px;
 cursor: pointer;
 font-weight: bold;
 font: %(facet_titleFont)s;
}

div.facetTitle a {
 padding-left: 10px;
 background: transparent url("puce.png") 0% 50% no-repeat;
}

.opened {
 color: #000 !important;
}

.facetGroup div.rangeFacet {
  width: 13em;
}

.facetGroup div.vocabularyFacet {
  /* when facets spread on several lines, it can relieve the eye
     to have them vertically aligned; these properties should
     be used then  */
  /* width: 13em; */
}

div.vocabularyFacet {
  max-height: %(facet_vocabMaxHeight)s;
  overflow-y: auto;
  overflow-x: hidden;
}

div.facetCheckBox {
  clear: both;
  cursor: pointer;
  text-decoration: none;
}

div.facetValue{
  padding-left: 2px;
  clear: both
}

div.facetValue img {
  float: left;
  background: #fff;
}

div.facetValueSelected {
  background: #EBE8D9;
}

#leftcol label {
  color: #523015;
}

div#filter_box div.boxTitle {
  visibility: hidden;
  display: none;
}

div#filter_box {
  border: none;
}

.facet input {
  margin-top: .2em;
  border: 1px solid #ccc;
  font-size: small;
}

.facetValueDisabled span {
  font-style: italic;
  text-decoration: line-through;
}

div#filterboxTitle {
  margin-top: 50px;
  margin-bottom: 1em;
  color: #1190A1;
  font-size: 75%;
  padding: 0.15em;
  text-transform: uppercase;
}

div#facetLoading {
  display: none;
  position: fixed;
  background: #f2f2f2;
  top: 400px;
  width: 200px;
  padding: 1em;
  font-size:      120%;
  font-weight:    bold;
  text-align:     center;
}

div.facetTitleSelected {
  background: url("required.png") no-repeat right top;
}

.filter {
  background-color: #EBE8D9;
  border: dotted grey 1px;
  display: inline-block;
}