Commit 93215f77 authored by Maximo Mena's avatar Maximo Mena Committed by Manuel Adán
Browse files

Issue #2873884 by mmenavas, manuel.adan: Use flexbox to improve the Page Information interface

parent 5a3a46c2

page_manager_ui/css/page-manager-ui.admin.css

+5 −7
Original line number Diff line number Diff line
@@ -73,13 +73,14 @@ 
  /**

   * Overall layout.

   */

  .page-manager-wizard-main {

    display: flex;

  }

  .page-manager-wizard-tree {

    float: left; /* LTR */

    width: 20%;

    flex: .2;

  }

  .page-manager-wizard-form {

    float: left; /* LTR */

    width: 80%;

    flex: .8;

  }

  .page-manager-wizard-form-actions {

    margin-left: 20%; /* LTR */
@@ -91,9 +92,6 @@ 
  .page-manager-wizard-tree > ul {

    border-right: 0; /* LTR */

  }

  .page-manager-wizard-form {

    min-height: 700px;

  }



  /**

   * Right-to-left support.

page_manager_ui/templates/page-manager-wizard-form.html.twig

+1 −1
Original line number Diff line number Diff line
@@ -16,7 +16,7 @@ 
  <div class="page-manager-wizard-actions">

    {{ form.wizard_actions }}

  </div>

  <div class="page-manager-wizard-main clearfix">

  <div class="page-manager-wizard-main">

    <div class="page-manager-wizard-tree">

      {{ form.wizard_tree }}

    </div>