Verified Commit 8581ca6f authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3394048 by godotislate, Sandeep Sanwale, djsagar, rkoller,... 

Issue #3394048 by godotislate, Sandeep Sanwale, djsagar, rkoller, mark_fullmer, ckrina: [Drupal 10.2 regression] Media Library "widget" View media type tabs have lost styling

(cherry picked from commit 89fde7a6)
parent 627361ec

core/themes/claro/css/base/variables.css

+26 −0
Original line number Diff line number Diff line
@@ -254,4 +254,30 @@ 
   */

  --layout-region-edit-width: min(60rem, 100%);

  --layout-region-edit-extended-width: min(68rem, 100%);

  /**

   * Vertical Tabs.

   *

   * These are shared between the vertical tabs and media library.

   * @see ../components/vertical-tabs.pcss.css

   * @see ../theme/media-library.pcss.css

   */

  --vertical-tabs-margin-vertical: var(--space-s);

  --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);

  --vertical-tabs-shadow: var(--details-box-shadow);

  --vertical-tabs-border-color: var(--details-border-color);

  --vertical-tabs-border-size: 1px;

  --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);

  --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;

  --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);

  --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);

  --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-separator-color: var(--color-gray-200);

  --vertical-tabs-menu-separator-size: 1px;

  --vertical-tabs-menu-width: 20em;

  --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));

  --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);

  --vertical-tabs-menu-link--active-border-size: 0.25rem;

  --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);

  --vertical-tabs-menu--z-index: 0;

}

core/themes/claro/css/base/variables.pcss.css

+26 −0
Original line number Diff line number Diff line
@@ -248,4 +248,30 @@ 
   */

  --layout-region-edit-width: min(960px, 100%);

  --layout-region-edit-extended-width: min(1088px, 100%);

  /**

   * Vertical Tabs.

   *

   * These are shared between the vertical tabs and media library.

   * @see ../components/vertical-tabs.pcss.css

   * @see ../theme/media-library.pcss.css

   */

  --vertical-tabs-margin-vertical: var(--space-s);

  --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);

  --vertical-tabs-shadow: var(--details-box-shadow);

  --vertical-tabs-border-color: var(--details-border-color);

  --vertical-tabs-border-size: 1px;

  --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);

  --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;

  --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);

  --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);

  --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-separator-color: var(--color-gray-200);

  --vertical-tabs-menu-separator-size: 1px;

  --vertical-tabs-menu-width: 20em;

  --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));

  --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);

  --vertical-tabs-menu-link--active-border-size: 4px;

  --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);

  --vertical-tabs-menu--z-index: 0;

}

core/themes/claro/css/components/vertical-tabs.css

+0 −25
Original line number Diff line number Diff line
@@ -12,31 +12,6 @@ 
 * Replaces /core/misc/vertical-tabs.css.

 */



:root {

  /**

   * Vertical Tabs.

   */

  --vertical-tabs-margin-vertical: var(--space-s);

  --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);

  --vertical-tabs-shadow: var(--details-box-shadow);

  --vertical-tabs-border-color: var(--details-border-color);

  --vertical-tabs-border-size: 1px;

  --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);

  --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;

  --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);

  --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);

  --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-separator-color: var(--color-gray-200);

  --vertical-tabs-menu-separator-size: 1px;

  --vertical-tabs-menu-width: 20em;

  --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));

  --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);

  --vertical-tabs-menu-link--active-border-size: 0.25rem;

  --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);

  --vertical-tabs-menu--z-index: 0;

}



/**

 * Main wrapper of vertical tabs.

 * This wrapper div is added by JavaScript.

core/themes/claro/css/components/vertical-tabs.pcss.css

+0 −25
Original line number Diff line number Diff line
@@ -5,31 +5,6 @@ 
 * Replaces /core/misc/vertical-tabs.css.

 */



:root {

  /**

   * Vertical Tabs.

   */

  --vertical-tabs-margin-vertical: var(--space-s);

  --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);

  --vertical-tabs-shadow: var(--details-box-shadow);

  --vertical-tabs-border-color: var(--details-border-color);

  --vertical-tabs-border-size: 1px;

  --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);

  --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;

  --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);

  --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);

  --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);

  --vertical-tabs-menu-separator-color: var(--color-gray-200);

  --vertical-tabs-menu-separator-size: 1px;

  --vertical-tabs-menu-width: 20em;

  --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));

  --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);

  --vertical-tabs-menu-link--active-border-size: 4px;

  --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);

  --vertical-tabs-menu--z-index: 0;

}



/**

 * Main wrapper of vertical tabs.

 * This wrapper div is added by JavaScript.