Changeset 748

Timestamp:

Aug 27, 2021 2:38:11 AM (3 years ago)

Author:

anonymous

Message:

Set max-width for form inputs

File:

• trunk/css/utilities.inc.css (modified) (2 diffs)

trunk/css/utilities.inc.css

@@ -1 +1 @@
 /**
 * utilities.inc.css
-* Global utility styles often in Strangecode applications.
+* Common styles used in Strangecode applications.
 */
 
@@ -29 +29 @@
 Note: avoid adding whitespace between input elements, or add `display: flex;` to the inputs' parent.
 */
-input.sc-micro, textarea.sc-micro, select.sc-micro, label.sc-micro      { width: 2.5rem; }
-input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { width: 5rem; }
-input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { width: 10.5rem; }
-input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { width: 21.5rem; }
-input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { width: 43.5rem; }
-input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { width: 100%; }
+input.sc-micro, textarea.sc-micro, select.sc-micro, label.sc-micro      { width: 2.5rem; max-width: 100%; }
+input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { width: 5rem; max-width: 100%; }
+input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { width: 10.5rem; max-width: 100%; }
+input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { width: 21.5rem; max-width: 100%; }
+input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { width: 43.5rem; max-width: 100%; }
+input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { width: 100%; max-width: 100%; }
 textarea.sc-twolines, select.sc-twolines              { height: 3.5rem; }
 textarea.sc-short, select.sc-short                    { height: 8rem; }