Changeset 4377

Timestamp:

01/29/14 10:21:47 (10 years ago)

Author:

twagoo

Message:

removed filterfacet class from mockup

Location:

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

Files:

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

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

@@ -89 +89 @@
 
             <div class="sidebar">
-                <div class="sidebaritem filterfacet">
+                <div class="sidebaritem expandedfacet">
                     <!-- rounded corners - top **** -->
                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
@@ -116 +116 @@
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
                 </div>
-                <div class="sidebaritem filterfacet">
+                <div class="sidebaritem expandedfacet">
                     <!-- rounded corners - top **** -->
                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>

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

@@ -45 +45 @@
 
 /* facet collapse/expand */
-a.expandfacet, a.collapsefacet {
-    float: right;
-    margin-top: .5em;
-    margin-right: 1em;
+a.expandfacet, a.collapsefacet, a.expandfacet:hover, a.collapsefacet:hover {
+    float: left;
+    width: 1em;
+    margin: .7em 0em 0em 0em;
+    padding: 0em 0em 0em .5em;
 }
 
@@ -62 +63 @@
 a.expandfacet:after {
     /* show BLACK DOWN-POINTING TRIANGLE character */
-    content: "\25BC";
+    content: "+";
 }
 
 a.collapsefacet:after {
     /* show BLACK UP-POINTING TRIANGLE  character*/
-    content: "\25B2";
+    content: "-";
 }
 
@@ -74 +75 @@
 }
 
-.collapsedfacet .sbilinks {
+.sidebaritem.collapsedfacet .sbilinks {
     display:  none;
 }
 
-.collapsedfacet a.collapsefacet {
+.sidebaritem.collapsedfacet a.collapsefacet {
     display:  none;
 }
 
 
-.filterfacet h1 {
+.sidebaritem.expandedfacet h1 {
     float: left;
     margin-right: 20px;