Changeset 4417

Timestamp:

01/31/14 13:23:04 (10 years ago)

Author:

twagoo

Message:

updated style of value label in collapsed facet in mockup

Location:

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

Files:

• index3.html (modified) (2 diffs)
• style/vlo-facets.css (modified) (1 diff)
• vlo_mockup_2.zip (added)

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

@@ -107 +107 @@
                         <a href="#" class="expandfacet"><span>expand</span></a>
                         <a href="#" class="collapsefacet"><span>collapse</span></a>
-                        <h1><a href="#">Language <span class="selectedvaluelabel">[Dutch]</span></a></h1>
+                        <h1><a href="#">Language</a></h1>
                         <div class="filtertoggle"><span>filter</span></div>
                         <form action="" class="filterform">
                             <p><input type="text" /></p>
                         </form>
+                        <div class="selectedvaluelabel">Dutch<a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></div>
                         <div class="sbilinks facetvalues">
                             <ul>
@@ -241 +242 @@
                         </div>
                     </div>
-                    <div class="facet collapsedfacet">                    
-                        <a href="#" class="expandfacet"><span>expand</span></a>
-                        <a href="#" class="collapsefacet"><span>collapse</span></a>
-                        <h1><a href="#">National project <span class="selectedvaluelabel">[CLARIN-NL]</span></a></h1>
+                    <div class="facet expandedfacet">                    
+                        <a href="#" class="expandfacet"><span>expand</span></a>
+                        <a href="#" class="collapsefacet"><span>collapse</span></a>
+                        <h1><a href="#">National project</a></h1>
                         <div class="filtertoggle" title="Filter values"><span>filter</span></div>
                         <form action="" class="filterform">
                             <p><input type="text" /></p>
                         </form>
+                        <div class="selectedvaluelabel">CLARIN-NL<a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></div>
                         <div class="sbilinks facetvalues">
                             <ul>

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

@@ -120 +120 @@
 }
 
-.expandedfacet h1 .selectedvaluelabel {
+.selectedvaluelabel {
+    clear: both;
+    font-weight: bold;
+    padding-left: 24px;
+}
+
+.expandedfacet .selectedvaluelabel {
     display: none;
 }