web/data/cubicweb.facets.css
author Sylvain Thénault <sylvain.thenault@logilab.fr>
Fri, 19 Apr 2013 16:25:45 +0200
branchstable
changeset 8914 e80dfffc2c2a
parent 8104 71d9fb78b772
child 9379 b0b1148b6963
permissions -rw-r--r--
[facet js] fix reordering of facet check boxes. Closes #2732947 Before this patch, when one select an element, it's moved to the top of the select content. Fine. But when it's later deselected, it stays there instead of moving back to its original location. This patch fixes that by introducing a facetCheckBoxReorder function which properly reorder the whole facet, instead of buggy attempt to locally reorder.

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

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

.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;
}