Verified Commit 3ef3cfe2 authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3484564 by plopesc, finnsky, m4olivei, ckrina, catch, larowlan: Define... 

Issue #3484564 by plopesc, finnsky, m4olivei, ckrina, catch, larowlan: Define the 3 areas the Top Bar will provide

(cherry picked from commit dc129a55)
parent a67ab833

core/modules/navigation/css/components/admin-toolbar.css

+3 −1
Original line number Diff line number Diff line
@@ -63,7 +63,7 @@ body { 
  z-index: var(--admin-toolbar-z-index);

  display: flex;

  flex-direction: column;

  height: 100vh;

  block-size: 100vh;

  transform: translateX(-100%);

  background-color: var(--admin-toolbar-color-white);

  font-family: var(--admin-toolbar-font-family);
@@ -92,7 +92,9 @@ body { 
}

@media (min-width: 64rem) {

  .admin-toolbar {

    block-size: calc(100vh - var(--drupal-displace-offset-top, 0px));

    transform: none;

    inset-block-start: var(--drupal-displace-offset-top, 0);

  }

}

@media only screen and (max-height: 18.75rem) {

core/modules/navigation/css/components/admin-toolbar.pcss.css

+3 −1
Original line number Diff line number Diff line
@@ -63,7 +63,7 @@ body { 
  z-index: var(--admin-toolbar-z-index);

  display: flex;

  flex-direction: column;

  height: 100vh;

  block-size: 100vh;

  transform: translateX(-100%);

  background-color: var(--admin-toolbar-color-white);

  font-family: var(--admin-toolbar-font-family);
@@ -93,7 +93,9 @@ body { 
  }



  @media (--admin-toolbar-desktop) {

    block-size: calc(100vh - var(--drupal-displace-offset-top, 0px));

    transform: none;

    inset-block-start: var(--drupal-displace-offset-top, 0);

  }



  @media only screen and (max-height: 300px) {

core/modules/navigation/css/components/toolbar-popover.css

+2 −1
Original line number Diff line number Diff line
@@ -44,6 +44,7 @@ 
  [data-toolbar-popover-wrapper] {

    --admin-toolbar-z-index-popover: var(--drupal-admin-z-index-popover, -1);



    block-size: calc(100vh - var(--drupal-displace-offset-top, 0px));

    padding-block-start: var(--admin-toolbar-space-16);

    transform: translateX(0);

    box-shadow:
@@ -51,7 +52,7 @@ 
      0 0 8px rgba(0, 0, 0, 0.04),

      0 0 40px rgba(0, 0, 0, 0.06);

    inline-size: var(--admin-toolbar-popover-width);

    inset-block-start: 0;

    inset-block-start: var(--drupal-displace-offset-top, 0);

    inset-inline-start: 1px;

  }

}

core/modules/navigation/css/components/toolbar-popover.pcss.css

+2 −1
Original line number Diff line number Diff line
@@ -43,6 +43,7 @@ 
  @media (--admin-toolbar-desktop) {

    --admin-toolbar-z-index-popover: var(--drupal-admin-z-index-popover, -1);



    block-size: calc(100vh - var(--drupal-displace-offset-top, 0px));

    padding-block-start: var(--admin-toolbar-space-16);

    transform: translateX(0);

    box-shadow:
@@ -50,7 +51,7 @@ 
      0 0 8px rgba(0, 0, 0, 0.04),

      0 0 40px rgba(0, 0, 0, 0.06);

    inline-size: var(--admin-toolbar-popover-width);

    inset-block-start: 0;

    inset-block-start: var(--drupal-displace-offset-top, 0);

    inset-inline-start: 1px;

  }

}

core/modules/navigation/css/components/tooltip.css

+5 −3
Original line number Diff line number Diff line
@@ -22,10 +22,12 @@ 
  font-variation-settings: "wght" 600;

  line-height: var(--admin-toolbar-line-height-info-sm);

}

@media (min-width: 64rem) {

  [data-drupal-tooltip]:hover + .toolbar-tooltip,

  [data-drupal-tooltip]:focus + .toolbar-tooltip {

    display: block;

  }

}

[data-admin-toolbar="expanded"] [data-drupal-tooltip]:hover + .toolbar-block__title-tooltip {

  display: none;

}