/* ===================================================================== */
/*                             Layout.css                                */
/* � 2019  Dunin Technologie Inc.                                       */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des layouts.                                                */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* Le layout est flexible.                                               */

/*
.ActLayout
  {
    flex: 1;
    border: solid 1px
  }
*/

.ActLayout > canvas
  {
    border: solid 1px;
    border-color: var(--couleurBordureCanvas);
  }


/* --------------------------------------------------------------------- */
/* Diminue la largeur du "select" de l'échelle.                          */

.LabelToolBarLayout.AvecLabel.CustomSelect.Echelle { width: 70px }


/* --------------------------------------------------------------------- */
/* Évite que les "check box" ne se chevauchent.                          */
/* Déplacer dans les CSS de base ?  Utiliser le Rangee de la section?    */

.EnLigne .Label    { width:unset }
:not(.CheckContour) > .AvecLabel.EnLigne { width:24px }

/* Bouton Done et l'échelle dans toolbar du layout 2D.                   */
button.BoutonDone:hover,  button.BoutonEchelle:hover  { background-color: var(--couleurBouton36pxHover); }
button.BoutonDone:active, button.BoutonEchelle:active { transform: translateY(1px); }