Merge pull request #1991 from open-sausages/pulls/4.0/i-smith-thee-with-my-css-hammer

BUG Fix up markup and classes to work better with flexbox
This commit is contained in:
Damian Mooyman 2017-10-17 14:38:04 +13:00 committed by GitHub
commit e251d481e6
3 changed files with 34 additions and 38 deletions

View File

@ -1,11 +1,9 @@
<div id="pages-controller-cms-content" class="has-panel cms-content flexbox-area-grow fill-width fill-height $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content" data-ignore-tab-state="true"> <div id="pages-controller-cms-content" class="has-panel cms-content flexbox-area-grow fill-width fill-height $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content" data-ignore-tab-state="true">
<div class="fill-width fill-height flexbox-area-grow">
$Tools $Tools
<div class="fill-height flexbox-area-grow"> <div class="fill-height flexbox-area-grow">
<div class="cms-content-header north"> <div class="cms-content-header north">
<div class="cms-content-header-nav fill-width vertical-align-items"> <div class="cms-content-header-info flexbox-area-grow vertical-align-items fill-width">
<div class="cms-content-header-nav__left vertical-align-items flexbox-area-grow">
<a href="$BreadcrumbsBackLink" class="btn btn-secondary btn--no-text font-icon-left-open-big hidden-lg-up toolbar__back-button"></a> <a href="$BreadcrumbsBackLink" class="btn btn-secondary btn--no-text font-icon-left-open-big hidden-lg-up toolbar__back-button"></a>
<% include SilverStripe\\Admin\\CMSBreadcrumbs %> <% include SilverStripe\\Admin\\CMSBreadcrumbs %>
</div> </div>
@ -30,11 +28,9 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div class="flexbox-area-grow fill-height"> <div class="flexbox-area-grow fill-height">
$EditForm $EditForm
</div> </div>
</div> </div>
</div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="cms-content-tools fill-height cms-panel cms-panel-layout" data-expandOnClick="true" data-layout-type="border" id="cms-content-tools-CMSMain"> <div class="cms-content-tools fill-height cms-panel cms-panel-layout" data-expandOnClick="true" data-layout-type="border" id="cms-content-tools-CMSMain">
<div class="cms-content-header north"> <div class="cms-content-header north vertical-align-items">
<div class="cms-content-header-info vertical-align-items"> <div class="cms-content-header-info vertical-align-items fill-width">
<div class="section-heading"> <div class="section-heading flexbox-area-grow">
<span class="section-label"><a href="$LinkPages">{$MenuCurrentItem.Title}</a></span> <span class="section-label"><a href="$LinkPages">{$MenuCurrentItem.Title}</a></span>
</div> </div>
<% include SilverStripe\\CMS\\Controllers\\CMSMain_Filter %> <% include SilverStripe\\CMS\\Controllers\\CMSMain_Filter %>

View File

@ -1,6 +1,6 @@
<div id="pages-controller-cms-content" class="flexbox-area-grow fill-height cms-content $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content"> <div id="pages-controller-cms-content" class="flexbox-area-grow fill-height cms-content $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
<div class="cms-content-header north"> <div class="cms-content-header north vertical-align-items">
<div class="cms-content-header-info fill-width vertical-align-items"> <div class="cms-content-header-info fill-width vertical-align-items">
<% include SilverStripe\\Admin\\CMSBreadcrumbs %> <% include SilverStripe\\Admin\\CMSBreadcrumbs %>
<% include SilverStripe\\CMS\\Controllers\\CMSMain_Filter %> <% include SilverStripe\\CMS\\Controllers\\CMSMain_Filter %>