Changeset 20982

Timestamp:

Feb 23, 2013, 8:24:04 AM (11 years ago)

Author:

rvelices

Message:

• replaced calendar views select with a drop down box (as sort order and photo sizes)
• some css compaction

Location:

trunk/themes

Files:

• Sylvia/theme.css (modified) (1 diff)
• default/template/index.tpl (modified) (1 diff)
• default/theme.css (modified) (3 diffs)
• elegant/theme.css (modified) (1 diff)

trunk/themes/Sylvia/theme.css

@@ -160 +160 @@
 
 .content h2 { 
-        margin:0; 
         padding:0px 10px 15px 15px; 
         border:0;

trunk/themes/default/template/index.tpl

@@ -119 +119 @@
 {if isset($chronology_views)}
 <div class="calendarViews">{'View'|@translate}:
-        <select onchange="document.location = this.options[this.selectedIndex].value;">
-                {foreach from=$chronology_views item=view}
-                <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
+        <a id="calendarViewSwitchLink" href="javascript:toggleCalendarViewsBox()">
+        {foreach from=$chronology_views item=view}{if $view.SELECTED}{$view.CONTENT}{/if}{/foreach}
+        </a> 
+        <div id="calendarViewSwitchBox" class="switchBox">
+                {foreach from=$chronology_views item=view name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
+                <span{if !$view.SELECTED} style="visibility:hidden"{/if}>&#x2714; </span><a href="{$view.VALUE}">{$view.CONTENT}</a>
                 {/foreach}
-        </select>
+        </div>
+        {footer_script require='jquery'}{literal}
+function toggleCalendarViewsBox() {
+        var elt = jQuery("#calendarViewSwitchBox")
+                , ePos = jQuery("#calendarViewSwitchLink");
+        elt.css("left", Math.min( ePos.offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
+                .css("top", ePos.offset().top + ePos.outerHeight(true))
+                .toggle();
+};
+jQuery("#calendarViewSwitchBox").on("mouseleave", function() {
+        jQuery(this).hide();
+});
+        {/literal}{/footer_script}
 </div>
 {/if}

trunk/themes/default/theme.css

@@ -92 +92 @@
 }
 
-.content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
-
 .content .navigationBar, .content .additional_info, .content .calendarBar {
         margin: 8px 4px;
@@ -117 +115 @@
 
 /* category and tag results paragraphs on a quick search */
-.content .category_search_results, .content .tag_search_results {
+.category_search_results, .tag_search_results {
   font-size: 16px;
   margin: 10px 16px;
@@ -141 +139 @@
         display: block;
         float: right;
-        margin: 2px 0 0;
+        margin: 5px 5px 0 0;
 }
 

trunk/themes/elegant/theme.css

@@ -80 +80 @@
 #thePicturePage #content        { padding-bottom: 0;}
 .content .titrePage                     { padding:0; margin-bottom:4px;}
-.content .titrePage H2          { line-height: 20px; margin: 0; padding: 8px 0 0 2px;}
+.content .titrePage H2          { line-height: 20px; padding: 8px 0 0 2px;}