Merge pull request #2974 from Ri-Sharma/Issue#2973

Disable resizing the textarea in `CollectionCreate` modal

Author: raclim

client/modules/User/components/CollectionCreate.jsx

@@ -71,7 +71,7 @@ const CollectionCreate = () => {
               value={description}
               onChange={(e) => setDescription(e.target.value)}
               placeholder={t('CollectionCreate.DescriptionPlaceholder')}
-              rows="4"
+              rows="6"
             />
           </p>
           <Button type="submit" disabled={invalid}>

client/styles/components/_collection-create.scss

@@ -2,4 +2,10 @@
 
 .collection-create {
   padding: #{math.div(24, $base-font-size)}rem;
+
+  @media (max-width: 650px) {
+    .form__input {
+      min-width: unset;
+    }
+  }
 }

client/styles/components/_forms.scss

@@ -75,6 +75,7 @@
 
 .form__input-flexible-height {
   height: auto;
+  resize: none;
 }
 
 .form__input::placeholder {

client/styles/components/_overlay.scss

@@ -27,7 +27,7 @@
   max-height: 80%;
   max-width: 80%;
   position: relative;
-  padding-bottom: #{math.div(25, $base-font-size)}rem;
+  padding-bottom: #{math.div(12, $base-font-size)}rem;
 
   @media (max-width: 650px) {
     max-width: 100%;
@@ -37,6 +37,10 @@
   }
 }
 
+.overlay__body:has(.collection-create){
+  max-height: none;
+}
+
 .overlay__header {
   display: flex;
   justify-content: space-between;