Replace Layout classes with Flexbox classes

This commit is contained in:
Paul Clarke 2016-10-05 15:40:02 +13:00 committed by Damian Mooyman
parent 67aca9f4e6
commit b8b35de82d
4 changed files with 8 additions and 8 deletions

View File

@ -160,7 +160,7 @@ class CMSPageAddController extends CMSPageEditController {
} }
return null; return null;
}); });
$form->addExtraClass('cms-add-form cms-content center cms-edit-form ' . $this->BaseCSSClasses()); $form->addExtraClass('flexbox-area-grow fill-height cms-add-form cms-content cms-edit-form ' . $this->BaseCSSClasses());
$form->setTemplate($this->getTemplatesWithSuffix('_EditForm')); $form->setTemplate($this->getTemplatesWithSuffix('_EditForm'));
return $form; return $form;

View File

@ -1,11 +1,11 @@
<div class="cms-preview east" data-layout-type="border"> <div class="cms-preview fill-height" data-layout-type="border">
<div class="preview-note"><span><!-- --></span><%t CMSPageHistoryController_versions_ss.PREVIEW 'Website preview' %></div> <div class="preview-note"><span><!-- --></span><%t CMSPageHistoryController_versions_ss.PREVIEW 'Website preview' %></div>
<div class="panel panel--scrollable panel--single-toolbar"> <div class="panel panel--scrollable flexbox-area-grow">
<div class="preview-device-outer"> <div class="preview-device-outer">
<div class="preview-device-inner"> <div class="preview-device-inner">
<iframe src="about:blank" class="center" name="cms-preview-iframe"></iframe> <iframe src="about:blank" class="center" name="cms-preview-iframe"></iframe>
</div> </div>
</div> </div>
</div> </div>
<div class="cms-content-controls cms-preview-controls south"></div> <div class="toolbar toolbar--south cms-content-controls cms-preview-controls"></div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="cms-content center $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content"> <div class="flexbox-area-grow cms-content $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
<% with $AddForm %> <% with $AddForm %>
<form $FormAttributes data-layout-type="border"> <form $FormAttributes data-layout-type="border">
<div class="toolbar--north container-fluid"> <div class="toolbar toolbar--north">
<div class="toolbar__navigation"> <div class="toolbar__navigation">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb__item breadcrumb__item--last"> <li class="breadcrumb__item breadcrumb__item--last">
@ -13,7 +13,7 @@
</div> </div>
</div> </div>
<div class="panel panel--padded panel--scrollable panel--double-toolbar container-fluid cms-panel-padded"> <div class="panel panel--padded panel--scrollable flexbox-area-grow">
<% if $Message %> <% if $Message %>
<p id="{$FormName}_error" class="message $MessageType">$Message</p> <p id="{$FormName}_error" class="message $MessageType">$Message</p>
<% else %> <% else %>

View File

@ -1,4 +1,4 @@
<div id="pages-controller-cms-content" class="cms-content flexbox-area-grow cms-tabset $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content"> <div id="pages-controller-cms-content" class="flexbox-area-grow fill-height cms-content cms-tabset $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
<div class="cms-content-header north"> <div class="cms-content-header north">
<div class="cms-content-header-info"> <div class="cms-content-header-info">