Make updating news form elements and linkit autocomplete scale a bit …

…better
City-of-Helsinki · May 23, 2024 · 878f7ff · 878f7ff
1 parent 33a2170
commit 878f7ff
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/dist/css/styles.min.css b/dist/css/styles.min.css
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/scss/06_components/forms/__index.scss b/src/scss/06_components/forms/__index.scss
@@ -1,3 +1,5 @@
 @import 'character-counter';
 @import 'dropbutton';
 @import 'form-items';
+@import 'linkit';
+@import 'news-update';
diff --git a/src/scss/06_components/forms/_linkit.scss b/src/scss/06_components/forms/_linkit.scss
@@ -0,0 +1,5 @@
+// Without width the input element doesn't scale on smaller screens.
+.js input.form-linkit-autocomplete {
+  max-width: 500px;
+  width: 100%;
+}
diff --git a/src/scss/06_components/forms/_news-update.scss b/src/scss/06_components/forms/_news-update.scss
@@ -0,0 +1,7 @@
+.field--name-field-news-item-updating-news {
+  .form-element--type-text,
+  .form-element.text-full {
+    max-width: 500px;
+    width: 100%;
+  }
+}