Changeset 5028


Ignore:
Timestamp:
04/23/14 13:54:50 (10 years ago)
Author:
Twan Goosen
Message:

improved remove facet selection icons in breadcrumbs

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/panels/BreadCrumbPanel.html

    r4695 r5028  
    2424    <body>
    2525        <wicket:panel>
    26                 <a wicket:id="mainpage">VLO</a>
     26            <a wicket:id="mainpage">VLO</a>
    2727            <wicket:container wicket:id="query">
    2828                &gt; <a wicket:id="leavequery">Search: &quot;<span wicket:id="content"></span>&quot;</a>
    … …  
    3131                &gt; <a wicket:id="leaveselection">Selections</a>:
    3232                <wicket:container wicket:id="facet">
    33                     <span wicket:id="value">[VALUE]</span> <a wicket:id="removal" title="Remove selection" class="breadcrumbunselect"><span>[Remove]</span></a>
     33                    <span class="breadcrumbfacet"><wicket:container wicket:id="value">[VALUE]</wicket:container> <a wicket:id="removal" title="Remove selection" class="breadcrumbunselect"><span>[Remove]</span></a></span>
    3434                </wicket:container>
    3535            </wicket:container>

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/clarin-d/colour.css

    r5015 r5028  
    123123}
    124124
     125span.breadcrumbfacet:hover {
     126    background: #d1dae4;
     127}
     128
    125129/* Based on Nifty Corners: rounded corners without images */
    126130/* By Alessandro Fulciniti */

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/colour.css

    r5015 r5028  
    115115}
    116116
     117span.breadcrumbfacet:hover {
     118    background: #e9eff8;
     119}
     120
    117121/* Based on Nifty Corners: rounded corners without images */
    118122/* By Alessandro Fulciniti */

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo-facets.css

    r4931 r5028  
    8888/* unselect facet */
    8989
    90 .facetvalues li a.unselectfacetvalue, .facetvalues li a.unselectfacetvalue:hover {
    91     text-decoration: none;
     90.facetvalues a.unselectfacetvalue,
     91.facetvalues a.unselectfacetvalue:hover,
     92.selectedvaluelabel a.unselectfacetvalue,
     93.selectedvaluelabel a.unselectfacetvalue:hover
     94{
     95    display: inline-block;
     96    width: 16px;
     97    height: 20px;
     98    background-image: url('x-mark-128.png');
     99    background-repeat: no-repeat;
     100    background-position: 2px 3px;
     101    background-size: 12px;
     102    vertical-align: middle;
    92103}
    93104
    94105a.unselectfacetvalue span {
    95106    display: none;
    96 }
    97 
    98 a.unselectfacetvalue:after {
    99     /* show delete cross */
    100     content: "✕";
    101107}
    102108
    … …  
    156162    clear: both;
    157163    font-weight: bold;
    158     padding-left: 24px;
     164    padding-left: 14px;
    159165}
    160166

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo-header.css

    r4916 r5028  
    111111}
    112112
     113span.breadcrumbfacet {
     114    padding: 4px;
     115}
     116
    113117a.breadcrumbunselect, a.breadcrumbunselect:hover {
    114118    text-decoration: none;
    … …  
    116120
    117121a.breadcrumbunselect {
    118     color: #000;
    119 }
    120 
    121 a.breadcrumbunselect:hover {
    122     color: #f00;
     122    display: inline-block;
     123    width: 16px;
     124    height: 20px;
     125    background-image: url('x-mark-128.png');
     126    background-repeat: no-repeat;
     127    background-size: 12px;
     128    background-position: 2px 3px;
     129    vertical-align: middle;
    123130}
    124131
    125132a.breadcrumbunselect span {
    126133    display: none;
    127 }
    128 
    129 a.breadcrumbunselect:after {
    130     /* show delete cross */
    131     content: "✕";
    132134}
    133135
Note: See TracChangeset for help on using the changeset viewer.