Forums

#ccm-highlighter is a bit taller than normal in edit mode.

Permalink
I'm building a theme with the Zurb Foundation Framework and everything is working fine but when in edit mode the #ccm-highlighter is a bit taller than normal. Normally its 25px but I'm seeing the following style added in my chrome dev tools. 
style="position: absolute; width: 1000px; height: 59px; top: 353px; left: 220px; display: none;"


Is there a valid fix for this? I do have a height set on the div but have since put in the following code for when in edit mode to be able to read the "add to area" text and give it an auto height... 

<?php global $c; if ($c->isEditMode()) { ?>
<style> 
   .page-wrap .top-bar{ height: auto !important; background: #999; } 
</style>
<?php } ?>


UPDATE:

I should add I'm not loading any extra js while in edit mode with the following code. 

<?php 
     $page = Page::getCurrentPage();
     if(!$page->isEditMode()): ?>
          <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.alerts.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.clearing.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.cookie.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.dropdown.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.forms.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.joyride.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.magellan.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.orbit.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.placeholder.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.reveal.js"></script>
        <script src="<?php echo $this->getThemePath(); ?>/javascripts/foundation/foundation.section.js"></script>
Viewing 15 lines of 22 lines. View entire code block.


Thanks in advance for the help!
bryanlewis