Commit 7e4e5c8d authored by Gábor Hojtsy's avatar Gábor Hojtsy
Browse files

Issue #3194560 by Sakthivel M, Gauravmahlawat, mherchel, rikki_iki,... 

Issue #3194560 by Sakthivel M, Gauravmahlawat, mherchel, rikki_iki, kostyashupenko, ranjith_kumar_k_u, hinal05, chetanbharambe, Rinku Jacob 13, vikashsoni, zetagraph, lauriii: Style maintenance page for Olivero
parent f8f27526

core/themes/olivero/css/components/maintenance-page.css

0 → 100644
+29 −0
Original line number Diff line number Diff line 
/*

 * DO NOT EDIT THIS FILE.

 * See the following change record for more information,

 * https://www.drupal.org/node/3084859

 * @preserve

 */



/**

 * @file

 * Maintenance page.

 */



@media (min-width: 75rem) {



.maintenance-page .site-header__initial {

      flex-shrink: 0;

      width: 5.625rem

  }

    }



.maintenance-page .main-content {

    min-height: 80vh;

  }



.maintenance-page-icon {

  display: block;

  margin-top: 3.375rem;

  margin-bottom: 3.375rem;

}

core/themes/olivero/css/components/maintenance-page.pcss.css

0 → 100644
+23 −0
Original line number Diff line number Diff line 
/**

 * @file

 * Maintenance page.

 */



@import "../base/variables.pcss.css";



.maintenance-page {

  & .site-header__initial {

    @media (--nav) {

      flex-shrink: 0;

      width: var(--content-left);

    }

  }



  & .main-content {

    min-height: 80vh;

  }

}

.maintenance-page-icon {

  display: block;

  margin-block: var(--sp3);

}

core/themes/olivero/images/site-under-maintenance-icon.svg

0 → 100644
+1 −0
Original line number Diff line number Diff line 
<svg class="maintenance-page-icon" focusable="false" width="170" height="170" xmlns="http://www.w3.org/2000/svg"><path d="M168 0a2 2 0 0 1 2 2v128.224c-14.273-14.681-25.439-26.986-25.439-26.986 3.544-6.715 7.974-41.186-15.061-64.465-23.035-23.279-54.044-19.25-59.36-17.012-4.253 1.791-4.43 6.715-2.658 8.954L99.82 63.843l-5.316 29.546-28.794 4.477-31.895-32.232c-4.252-4.298-7.678-.299-8.859 2.238-3.397 11.192-4.785 38.947 16.833 60.436 21.618 21.488 50.943 18.802 62.904 14.773L132.056 170H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h166z" fill="#3D92C4" fill-rule="nonzero"/></svg>

core/themes/olivero/js/navigation-utils.es6.js

+19 −10
Original line number Diff line number Diff line
@@ -25,9 +25,10 @@ 
    const navButtons = document.querySelector(

      '[data-drupal-selector="mobile-buttons"]',

    );

    return (

      window.getComputedStyle(navButtons).getPropertyValue('display') === 'none'

    );

    return navButtons

      ? window.getComputedStyle(navButtons).getPropertyValue('display') ===

          'none'

      : false;

  }



  Drupal.olivero.isDesktopNav = isDesktopNav;
@@ -180,18 +181,25 @@ 
        toggleDesktopNavVisibility,

        options,

      );



      if (primaryNav) {

        observer.observe(primaryNav);

      }

    }



    if (stickyHeaderToggleButton) {

      stickyHeaderToggleButton.addEventListener('click', () => {

        toggleStickyHeaderState(!stickyHeaderIsEnabled());

      });

    }



    // If header is pinned open and a header element gains focus, scroll to the

    // top of the page to ensure that the header elements can be seen.

    document

      .querySelector('[data-drupal-selector="site-header-inner"]')

      .addEventListener('focusin', () => {

    const siteHeaderInner = document.querySelector(

      '[data-drupal-selector="site-header-inner"]',

    );

    if (siteHeaderInner) {

      siteHeaderInner.addEventListener('focusin', () => {

        if (isDesktopNav() && !stickyHeaderIsEnabled()) {

          const header = document.querySelector(

            '[data-drupal-selector="site-header"]',
@@ -205,6 +213,7 @@ 
          }

        }

      });

    }



    monitorNavPosition();

    setStickyHeaderStorage(getStickyHeaderStorage());

core/themes/olivero/js/navigation-utils.js

+26 −15
Original line number Diff line number Diff line
@@ -10,7 +10,7 @@ 


  function isDesktopNav() {

    var navButtons = document.querySelector('[data-drupal-selector="mobile-buttons"]');

    return window.getComputedStyle(navButtons).getPropertyValue('display') === 'none';

    return navButtons ? window.getComputedStyle(navButtons).getPropertyValue('display') === 'none' : false;

  }



  Drupal.olivero.isDesktopNav = isDesktopNav;
@@ -98,13 +98,22 @@ 
        threshold: [0.999, 1]

      };

      var observer = new IntersectionObserver(toggleDesktopNavVisibility, options);



      if (primaryNav) {

        observer.observe(primaryNav);

      }

    }



    if (stickyHeaderToggleButton) {

      stickyHeaderToggleButton.addEventListener('click', function () {

        toggleStickyHeaderState(!stickyHeaderIsEnabled());

      });

    document.querySelector('[data-drupal-selector="site-header-inner"]').addEventListener('focusin', function () {

    }



    var siteHeaderInner = document.querySelector('[data-drupal-selector="site-header-inner"]');



    if (siteHeaderInner) {

      siteHeaderInner.addEventListener('focusin', function () {

        if (isDesktopNav() && !stickyHeaderIsEnabled()) {

          var header = document.querySelector('[data-drupal-selector="site-header"]');

          var headerNav = header.querySelector('[data-drupal-selector="header-nav"]');
@@ -115,6 +124,8 @@ 
          }

        }

      });

    }



    monitorNavPosition();

    setStickyHeaderStorage(getStickyHeaderStorage());

    toggleStickyHeaderState(getStickyHeaderStorage());