Changeset 4380

Timestamp:

01/29/14 10:57:07 (10 years ago)

Author:

twagoo

Message:

mockup filter icon

Location:

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

Files:

• index.html (modified) (6 diffs)
• style/empty-filter-128-disabled.png (added)
• style/filled-filter-128.png (added)
• style/vlo-facets.css (modified) (2 diffs)

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

@@ -122 +122 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Resource class</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />
@@ -269 +269 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Genre</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />
@@ -297 +297 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Keywords</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />
@@ -325 +325 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Format</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />
@@ -353 +353 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>Organisation</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />
@@ -381 +381 @@
                     <a href="#" class="collapsefacet"><span>collapse</span></a>
                     <h1>National project</h1>
-                    <a class="filtertoggle" href="#"><span>filter</span></a>
+                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
                     <form class="filterform">
                         <input type="text" />

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

@@ -99 +99 @@
     margin-right: 20px;
 }
-/*.collapsedfacet .filtertoggle {
+
+.collapsedfacet .filtertoggle {
     display: none;
-}*/
+}
 
-.sidebaritem .filtertoggle, .sidebaritem .filtertoggle:hover {
+.expandedfacet .filtertoggle, .sidebaritem .filtertoggle:hover {
     float: right;
     clear: right;
@@ -115 +116 @@
     background-repeat: no-repeat;
 }
-.sidebaritem a.filtertoggle {
+.expandedfacet a.filtertoggle {
     /* link means enabled */
-    background-image: url('search_icon.png');
+    background-image: url('filled-filter-128.png'); /* icon from icons8.com */
 }
 
-.sidebaritem div.filtertoggle {
+.expandedfacet div.filtertoggle {
     /* div means disabled */
-    background-image: url('search_icon_disabled.png');
+    background-image: url('empty-filter-128-disabled.png'); /* icon from icons8.com */
 }
 
-.sidebaritem .filtertoggle span {
+.expandedfacet .filtertoggle span {
     display: none;
 }