Commit 65c863be authored by Cristina Chumillas's avatar Cristina Chumillas
Browse files

Issue #3168326 by mherchel, rikki_iki, Sakthivel M, ckrina, bnjmnm,... 

Issue #3168326 by mherchel, rikki_iki, Sakthivel M, ckrina, bnjmnm, vikashsoni, darvanen, lauriii: Dropbuttons in table cells are potentially unusable if it includes options with long text length
parent c636d19c

core/themes/claro/css/components/dropbutton.css

+6 −1
Original line number Diff line number Diff line
@@ -25,6 +25,7 @@ 
  --dropbutton-border-size: 1px;

  --dropbutton-toggle-size-spacing: var(--dropbutton-border-size);

  --dropbutton-border-radius-size: 2px;

  --dropbutton-item-max-width: 12.5rem;

  /* Variant variables: small. */

  --dropbutton-small-spacing-size: 0.625rem;

  --dropbutton-small-font-size: var(--font-size-xs);
@@ -341,7 +342,7 @@ 
}



.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {

  display: none;

  visibility: hidden;

}



/**
@@ -367,6 +368,10 @@ 
 * Dropbutton items of non-first dropbutton list elements.

 */



.dropbutton__item:first-of-type ~ .dropbutton__item {

  max-width: var(--dropbutton-item-max-width);

}



.dropbutton__item:first-of-type ~ .dropbutton__item > a,

.dropbutton__item:first-of-type ~ .dropbutton__item > .button {

  position: relative;

core/themes/claro/css/components/dropbutton.pcss.css

+6 −1
Original line number Diff line number Diff line
@@ -18,6 +18,7 @@ 
  --dropbutton-border-size: 1px;

  --dropbutton-toggle-size-spacing: var(--dropbutton-border-size);

  --dropbutton-border-radius-size: 2px;

  --dropbutton-item-max-width: 12.5rem;

  /* Variant variables: small. */

  --dropbutton-small-spacing-size: 0.625rem;

  --dropbutton-small-font-size: var(--font-size-xs);
@@ -310,7 +311,7 @@ 
}



.js .dropbutton-wrapper:not(.open) .dropbutton__item:first-of-type ~ .dropbutton__item {

  display: none;

  visibility: hidden;

}



/**
@@ -334,6 +335,10 @@ 
/**

 * Dropbutton items of non-first dropbutton list elements.

 */

.dropbutton__item:first-of-type ~ .dropbutton__item {

  max-width: var(--dropbutton-item-max-width);

}



.dropbutton__item:first-of-type ~ .dropbutton__item > a,

.dropbutton__item:first-of-type ~ .dropbutton__item > .button {

  position: relative;