Merge pull request #290 from rhamilto/issue-2716

rhamilto · web-flow · commit c32e3567c20c · 2018-01-24T16:04:17.000-05:00
Prohibit horizontal resizing of textarea inside origin-modal-popup
diff --git a/dist/less/_modal-popup.less b/dist/less/_modal-popup.less
@@ -86,6 +86,10 @@
     margin-top: 0;
     padding: 10px @grid-gutter-width 10px (@grid-gutter-width / 2);
   }
+
+  textarea {
+    resize: vertical; // so the textarea cannot be resized wider than the popup
+  }
 }
 
 .origin-modal-popup-backdrop.modal-backdrop {
diff --git a/dist/origin-web-common.css b/dist/origin-web-common.css
@@ -415,6 +415,9 @@ div.hopscotch-bubble .hopscotch-nav-button.prev {
   margin-top: 0;
   padding: 10px 40px 10px 20px;
 }
+.origin-modal-popup textarea {
+  resize: vertical;
+}
 .origin-modal-popup-backdrop.modal-backdrop {
   background-color: transparent;
   cursor: not-allowed;
diff --git a/src/styles/_modal-popup.less b/src/styles/_modal-popup.less
@@ -86,6 +86,10 @@
     margin-top: 0;
     padding: 10px @grid-gutter-width 10px (@grid-gutter-width / 2);
   }
+
+  textarea {
+    resize: vertical; // so the textarea cannot be resized wider than the popup
+  }
 }
 
 .origin-modal-popup-backdrop.modal-backdrop {

Original file line number	Diff line number	Diff line change
`@@ -86,6 +86,10 @@`
`86`	`86`	`margin-top: 0;`
`87`	`87`	`padding: 10px @grid-gutter-width 10px (@grid-gutter-width / 2);`
`88`	`88`	`}`
	`89`	`+`
	`90`	`+ textarea {`
	`91`	`+ resize: vertical; // so the textarea cannot be resized wider than the popup`
	`92`	`+ }`
`89`	`93`	`}`
`90`	`94`
`91`	`95`	`.origin-modal-popup-backdrop.modal-backdrop {`