diff --git a/ckanext/odsh/public/odsh.css b/ckanext/odsh/public/odsh.css index 58fe5ad474e47d781e21676007a09c9b228ec592..9ca7a5b105439a42d479a82e1e4e4cd46456768f 100644 --- a/ckanext/odsh/public/odsh.css +++ b/ckanext/odsh/public/odsh.css @@ -145,10 +145,6 @@ input[type=radio], input[type=checkbox] { top: 0px; } -.nav-simple>li { - border-bottom: 0px; - padding: 15px 0px 15px 0px; -} @media (min-width: 768px){ [role=main], .main { @@ -234,9 +230,20 @@ input[type=radio], input[type=checkbox] { color: black; } +.nav-simple>li { + border-bottom: 0px; + padding: 15px 0px 0px 0px; + width: 193px; + white-space: nowrap; + display: flex; + justify-content: space-between; +} + .nav-item .facet_label { - display: block; - float: left; + flex:1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .nav-item .facet_label a{ @@ -244,16 +251,11 @@ input[type=radio], input[type=checkbox] { } .nav-item .facet_count { - display: block; - float: right; + display: inline-block; background-color: white; padding: 0px 2px 0px 2px; } -.filter-checkbox { - -} - /* checkbox customize trick, see: https://stackoverflow.com/questions/24322599/css-why-cannot-change-checkbox-color-whatever-i-do */ .facet_label input[type=checkbox] { diff --git a/ckanext/odsh/templates/snippets/facet_list.html b/ckanext/odsh/templates/snippets/facet_list.html index 78e5d2c4366122fb9ff278f304b785881ed0a7ad..0fb68e1fee7005a0d2e305e5dbe1e38fa1ba6dae 100644 --- a/ckanext/odsh/templates/snippets/facet_list.html +++ b/ckanext/odsh/templates/snippets/facet_list.html @@ -26,7 +26,7 @@ <input type="checkbox" {% if item.active %} checked {% endif %} class="filter-checkbox" id="check-{{ title.lower() }}-{{ loop.index }}"/> <label class="mylabel" for="check-{{ title.lower() }}-{{ loop.index }}"></label> <a href="{{ href }}" title="{{ label if label != label_truncated else '' }}"> - <span>{{ label_truncated }}</span> + <span>{{ label}}</span> </a> </div> <div class="facet_count">