Verified Commit 521f0bf2 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3159896 by mherchel, awset, srishtiiee, Gauravvvv, _utsavsharma,... 

Issue #3159896 by mherchel, awset, srishtiiee, Gauravvvv, _utsavsharma, lauriii, pameeela, bnjmnm, Kristen Pol, kiran.kadam911, pradeepjha, Sakthivel M: Select form field values are hidden at narrow screen widths in Claro theme
parent e3c102c7

core/themes/claro/css/components/tables.css

+13 −0
Original line number Diff line number Diff line
@@ -243,6 +243,19 @@ td > .ajax-new-content > .form-item > .form-element { 
  width: 100%;

}



td > .form-item > .form-element--type-select,

td > .ajax-new-content > .form-item > .form-element--type-select {

  width: auto;

}



@supports (min-width: max-content) {

  td > .form-item > .form-element--type-select,

  td > .ajax-new-content > .form-item > .form-element--type-select {

    width: max-content;

    min-width: 100%;

  }

}



/* Win over table-file-multiple-widget. */



th.is-disabled.is-disabled {

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

+13 −0
Original line number Diff line number Diff line
@@ -195,6 +195,19 @@ td > .ajax-new-content > .form-item > .form-element { 
  width: 100%;

}



td > .form-item > .form-element--type-select,

td > .ajax-new-content > .form-item > .form-element--type-select {

  width: auto;

}



@supports (min-width: max-content) {

  td > .form-item > .form-element--type-select,

  td > .ajax-new-content > .form-item > .form-element--type-select {

    width: max-content;

    min-width: 100%;

  }

}



/* Win over table-file-multiple-widget. */

th.is-disabled.is-disabled {

  color: var(--input--disabled-fg-color);