Changeset 4378

Timestamp:

01/29/14 10:31:17 (10 years ago)

Author:

twagoo

Message:

made all facets collapsable in mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• index.html (modified) (2 diffs)
• style/style.css (modified) (1 diff)
• style/vlo-facets.css (modified) (2 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

@@ -92 +92 @@
                     <!-- rounded corners - top **** -->
                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
+                    <a href="#" class="expandfacet"><span>expand</span></a>
+                    <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Language</h1>
                     <div class="filtertoggle"><span>filter</span></div>
@@ -119 +121 @@
                     <!-- rounded corners - top **** -->
                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
+                    <a href="#" class="expandfacet"><span>expand</span></a>
+                    <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Resource class</h1>
                     <a class="filtertoggle" href="#"><span>filter</span></a>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/style.css

@@ -266 +266 @@
 /* By Alessandro Fulciniti */
 /* http://www.html.it/articoli/nifty/index.html */
-.rtop, .rbottom{display: block;}
+.rtop, .rbottom{display: block; clear: both;}
 
 .rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -47 +47 @@
 a.expandfacet, a.collapsefacet, a.expandfacet:hover, a.collapsefacet:hover {
     float: left;
-    width: 1em;
+    width: .5em;
     margin: .7em 0em 0em 0em;
     padding: 0em 0em 0em .5em;
@@ -84 +84 @@
 
 
-.sidebaritem.expandedfacet h1 {
+.sidebaritem.expandedfacet h1, .sidebaritem.collapsedfacet h1 {
     float: left;
     margin-right: 20px;
 }
+/*.collapsedfacet .filtertoggle {
+    display: none;
+}*/
 
 .sidebaritem .filtertoggle, .sidebaritem .filtertoggle:hover {