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

Issue #3444740 by ahsannazir, Utkarsh_33, Gauravvvv, Kanchan Bhogade,...

Issue #3444740 by ahsannazir, Utkarsh_33, Gauravvvv, Kanchan Bhogade, smustgrave, bnjmnm, nod_: Layout shift on displays in views page
parent 14669ce1
Loading
Loading
Loading
Loading
Loading
+12 −0
Original line number Diff line number Diff line
@@ -59,6 +59,18 @@ function claro_page_attachments_alter(array &$attachments) {
    ],
    'dropbutton_noscript',
  ];

  $attachments['#attached']['html_head'][] = [
    [
      '#tag' => 'link',
      '#noscript' => TRUE,
      '#attributes' => [
        'rel' => 'stylesheet',
        'href' => $theme_path . '/css/components/views-ui-noscript.css?' . $query_string,
      ],
    ],
    'views_ui_noscript',
  ];
}

/**
+11 −0
Original line number Diff line number Diff line
@@ -253,3 +253,14 @@ img {
  outline: var(--focus-outline);
  box-shadow: var(--focus-box-shadow);
}

/**
 * These elements should not be displayed until they are processed
 * by JavaScript, and views-ui-noscript.css exists so browsers
 * without JavaScript will still display them
 */

.views-tabs,
.views-display-top > input.button {
  display: none;
}
+10 −0
Original line number Diff line number Diff line
@@ -209,3 +209,13 @@ img {
  outline: var(--focus-outline);
  box-shadow: var(--focus-box-shadow);
}

/**
 * These elements should not be displayed until they are processed
 * by JavaScript, and views-ui-noscript.css exists so browsers
 * without JavaScript will still display them
 */
.views-tabs,
.views-display-top > input.button {
  display: none;
}
+16 −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
 * Views UI Tabs styles for when JavaScript is not loaded.
 */
#views-display-menu-tabs {
  display: flex;
}
div.views-display-top input.button {
  display: inline-block;
}
+13 −0
Original line number Diff line number Diff line
/**
 * @file
 * Views UI Tabs styles for when JavaScript is not loaded.
 */
#views-display-menu-tabs {
  display: flex;
}

div.views-display-top {
  input.button {
    display: inline-block;
  }
}