diff options
| -rw-r--r-- | chimere_example_static/chimere/css/extra-styles.css | 28 | ||||
| -rw-r--r-- | templates/chimere/blocks/categories.html | 4 |
2 files changed, 26 insertions, 6 deletions
diff --git a/chimere_example_static/chimere/css/extra-styles.css b/chimere_example_static/chimere/css/extra-styles.css index 744f73d..7d71af7 100644 --- a/chimere_example_static/chimere/css/extra-styles.css +++ b/chimere_example_static/chimere/css/extra-styles.css @@ -162,9 +162,9 @@ label.labelSpan.olButton{ #detail-wrapper{ position:absolute; z-index:5; - right:auto; - left:0; - bottom:190px; + left:auto; + right:0; + bottom:0; top:0; width:400px; padding-top:50px; @@ -172,6 +172,11 @@ label.labelSpan.olButton{ border:0 transparent; border-right:1px solid #E7E7E7; border-top:1px solid #E7E7E7; + overflow:scroll; +} + +.detail_content { + height: auto; } #detail div{ @@ -202,9 +207,19 @@ ul.share { display:None; } +.category_name{ + font-weight:bold; +} + + +li.main_category > span.category_name:hover{ + cursor:auto; +} + .subcategory label{ - padding: 0.2em 0.5em; + padding: 0 0.5em; border-radius:5px; + font-weight:normal; } .subcategory.selected label{ @@ -219,6 +234,11 @@ ul.share { display:none; } +.cat_image{ + display:inline-block; + width:30px; +} + #main-map { height: auto; bottom: 0px; diff --git a/templates/chimere/blocks/categories.html b/templates/chimere/blocks/categories.html index 4e65f1e..9ef4e29 100644 --- a/templates/chimere/blocks/categories.html +++ b/templates/chimere/blocks/categories.html @@ -4,14 +4,14 @@ <li class='main_category'> <img class="control_image toggle_category" id="maincategory_img_{{category.id}}" alt="control" src="{{ STATIC_URL }}chimere/img/{% if category.selected %}minus.png{% else %}plus.png{% endif %}" /> <input type="checkbox" id='checkall_{{category.id}}'> - {% trans category.name %} + <span class='category_name'>{% trans category.name %}</span> <span class="glyphicon glyphicon-zoom-in zoom_image zoom_to_category" id="zoom_to_category_{{category.id}}"></span> <ul class='subcategories' id='maincategory_{{category.id}}'{% if not category.selected %} style='display:None'{% endif %}> {% for sub_category in lst_sub_categories %} <li id='li_sub_{{sub_category.id}}' class='subcategory'> <input type='checkbox' name='category_{{sub_category.id}}' id='category_{{sub_category.id}}'{% if sub_category.selected %} checked='checked'{% endif %}/> <label for='category_{{sub_category.id}}'> - <img alt='{{ sub_category.name }}' src='{{ MEDIA_URL }}{{sub_category.icon.image}}'/> + <span class='cat_image'><img alt='{{ sub_category.name }}' src='{{ MEDIA_URL }}{{sub_category.icon.image}}'/></span> {% trans sub_category.name %} </label> <span class="glyphicon glyphicon-zoom-in zoom_image zoom_to_subcategory" id="zoom_to_subcategory_{{sub_category.id}}"></span> |