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;
});
$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'));
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="panel panel--scrollable panel--single-toolbar">
<div class="panel panel--scrollable flexbox-area-grow">
<div class="preview-device-outer">
<div class="preview-device-inner">
<iframe src="about:blank" class="center" name="cms-preview-iframe"></iframe>
</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>

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 %>
<form $FormAttributes data-layout-type="border">
<div class="toolbar--north container-fluid">
<div class="toolbar toolbar--north">
<div class="toolbar__navigation">
<ol class="breadcrumb">
<li class="breadcrumb__item breadcrumb__item--last">
@ -13,7 +13,7 @@
</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 %>
<p id="{$FormName}_error" class="message $MessageType">$Message</p>
<% 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-info">