Add form item width variable

janfaracik · Oct 22, 2021 · 32fddac · 32fddac
1 parent b8d574e
commit 32fddac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
@@ -251,6 +251,9 @@
   --input-border: #C3CCD1;
   --input-border-hover: #5C7889;
   --input-hidden-password-bg-color: #f9f9f9;
+  --form-item-max-width: 650px;
+  --form-item-max-width--small: 300px;
+  --form-item-max-width--medium: 450px;
 
   // Pop out menus
   --menu-text-color: black;

diff --git a/war/src/main/less/modules/form.less b/war/src/main/less/modules/form.less
@@ -2,15 +2,15 @@
 }
 
 .jenkins-form-item {
-  max-width: 600px;
+  max-width: var(--form-item-max-width);
   margin-bottom: 1.75rem;
 
   &--small {
-    max-width: 300px;
+    max-width: var(--form-item-max-width--small);
   }
 
   &--medium {
-    max-width: 450px;
+    max-width: var(--form-item-max-width--medium);
   }
 
   &--full-width {