Changeset 4502

Timestamp:

01/23/12 20:06:02 (4 months ago)

Author:

johnnyoffline

Message:

modified our basic map slot to no longer require a width parameter. It sizes itself to the width of the column and creates a 16:9 box. If the column size changes, so does the width of the map. This works better for responsive layouts

Location:

plugins/apostropheExtraSlotsPlugin/trunk

Files:

• modules/aMapSlot/templates/_normalView.php (modified) (2 diffs)
• web/css/aExtraSlots.less (modified) (1 diff)

plugins/apostropheExtraSlotsPlugin/trunk/modules/aMapSlot/templates/_normalView.php

@@ -24 +24 @@
         <?php (isset($options['height']) && $options['height'])? $height = $options['height'].'px;' : $height = (($options['width']) ? floor($options['width']*.56):'100px;'); ?>               
         <?php $style = 'width:'.$width.' height:'.$height ?>
-        <div class="a-media-placeholder" style="<?php echo $style ?>">
+        <div class="a-media-placeholder clearfix" style="<?php echo $style ?>">
                 <span style="line-height:<?php echo $height ?>px;">Click edit to setup a map</span>
         </div>
@@ -32 +32 @@
 
 <?php if ($options['title']): ?>
-        <h3 class="a-map-title"><?php echo $options['title']?></h3>     
+        <h3 class="a-map-title clearfix"><?php echo $options['title']?></h3>    
 <?php endif ?>
 
-<div class="a-map" id="a-map-<?php echo "$pageid-$name-$permid" ?>" style="width:<?php echo $options['width'] ?>px;height:<?php echo $options['height'] ?>px;">
+<div class="a-map clearfix" id="a-map-<?php echo "$pageid-$name-$permid" ?>">
         <span class="a-map-address"><?php echo ($options['address']) ? $options['address'] : '' ?></span>
 </div>

plugins/apostropheExtraSlotsPlugin/trunk/web/css/aExtraSlots.less

@@ -261 +261 @@
   }
 }
+
+// 
+// Map Slot
+// 
+.a-slot.aMap
+{
+  .a-map
+  {
+    float: none;
+    display: block;
+    clear: both;
+    width: auto;
+    height: 0;
+    padding: 0 0 56.25%;
+  }
+}