Unverified Commit 258b5d2f authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3192656 by katannshaw, mherchel, adityasingh, kostyashupenko,... 

Issue #3192656 by katannshaw, mherchel, adityasingh, kostyashupenko, ankithashetty, djsagar, BhumikaVarshney, Abhijith S: Text inputs can create horizontal scrolling at narrow viewports in Olivero
parent 5a389e3b

core/themes/olivero/css/components/form-text.css

+22 −0
Original line number Diff line number Diff line
@@ -25,6 +25,7 @@ 
[type="url"],

[type="week"],

textarea {

  width: 100%;

  max-width: 100%;

  min-height: 3.375rem;

  padding: 0 1.125rem;
@@ -76,6 +77,27 @@ textarea { 
    min-height: 2.8125rem;

  }



@media (min-width: 31.25rem) {



[type="color"],

[type="date"],

[type="datetime-local"],

[type="email"],

[type="file"],

[type="month"],

[type="number"],

[type="password"],

[type="search"],

[type="tel"],

[type="text"],

[type="time"],

[type="url"],

[type="week"],

textarea {

    width: auto

}

  }



[type="date"] {

  /* Ensure that date field isn't larger than other fields. */

}

core/themes/olivero/css/components/form-text.pcss.css

+5 −0
Original line number Diff line number Diff line
@@ -20,6 +20,7 @@ 
[type="url"],

[type="week"],

textarea {

  width: 100%;

  max-width: 100%;

  min-height: var(--sp3);

  padding: 0 var(--sp);
@@ -64,6 +65,10 @@ textarea { 
  &.form-element--small {

    min-height: var(--sp2-5);

  }



  @media (--sm) {

    width: auto;

  }

}



[type="date"] {