diff --git a/core/modules/views_ui/css/views_ui.admin.css b/core/modules/views_ui/css/views_ui.admin.css index b5b8c8e..05b2d9a 100644 --- a/core/modules/views_ui/css/views_ui.admin.css +++ b/core/modules/views_ui/css/views_ui.admin.css @@ -101,10 +101,6 @@ * The attachment details section, its tabs for each section and the buttons * to add a new section */ - -.form-edit .form-actions { -} - .views-displays { clear: both; } diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css index b01b397..696b68d 100644 --- a/core/modules/views_ui/css/views_ui.admin.theme.css +++ b/core/modules/views_ui/css/views_ui.admin.theme.css @@ -466,6 +466,15 @@ td.group-title { max-width: 180px; } +.form-edit .form-actions { + background-color: #e1e2dc; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-left: 1px solid #ccc; + margin-top: 0; + padding: 8px 12px; +} + /* @end */ /* @group Attachment details tabs @@ -659,12 +668,12 @@ td.group-title { #views-ui-preview-form .arguments-preview, #views-ui-preview-form .form-type-textfield { - margin-left: 14px; /* LTR */ + margin-left: 10px; /* LTR */ } [dir="rtl"] #views-ui-preview-form .arguments-preview, [dir="rtl"] #views-ui-preview-form .form-type-textfield { margin-left: 0; - margin-right: 14px; + margin-right: 10px; } #views-ui-preview-form .form-type-textfield label { @@ -1011,16 +1020,28 @@ td.group-title { #views-preview-wrapper { border: 1px solid #ccc; - padding-bottom: 12px; - padding-top: 12px; } -#views-ui-preview-form { - margin: 12px; +.view-preview-form { + position: relative; +} +.view-preview-form__title { + background-color: #e1e2dc; + border-bottom: 1px solid #ccc; + margin-top: 0; + padding: 8px 12px; +} +.view-preview-form .form-item-live-preview { + position: absolute; + right: 12px; + top: 3px; +} +[dir="rtl"] .view-preview-form .form-item-live-preview { + right: auto; + left: 12px; } - #views-live-preview { - margin: 0 12px; + padding: 12px; } #views-live-preview .views-query-info { diff --git a/core/modules/views_ui/src/ViewEditForm.php b/core/modules/views_ui/src/ViewEditForm.php index 1ef346b..e3f3924 100644 --- a/core/modules/views_ui/src/ViewEditForm.php +++ b/core/modules/views_ui/src/ViewEditForm.php @@ -218,7 +218,6 @@ public function form(array $form, FormStateInterface $form_state) { $form['ajax-area']['ajax-body'] = array( '#type' => 'container', '#id' => 'views-ajax-body', - '#children' => $view->getDefaultAJAXMessage(), ); } diff --git a/core/modules/views_ui/src/ViewPreviewForm.php b/core/modules/views_ui/src/ViewPreviewForm.php index 38b6aa5..af97e15 100644 --- a/core/modules/views_ui/src/ViewPreviewForm.php +++ b/core/modules/views_ui/src/ViewPreviewForm.php @@ -35,6 +35,12 @@ public function form(array $form, FormStateInterface $form_state) { $form['controls']['#attributes'] = array('class' => array('clearfix')); + $form['controls']['title'] = array( + '#prefix' => '

', + '#markup' => $this->t('Preview'), + '#suffix' => '

', + ); + // Add a checkbox controlling whether or not this display auto-previews. $form['controls']['live_preview'] = array( '#type' => 'checkbox',