Просмотр исходного кода

increase the width of the modal when the screen size is large

utsushiiro 7 лет назад
Родитель
Сommit
a14073f86d

+ 1 - 1
src/client/js/components/PageEditor/HandsontableModal.jsx

@@ -67,7 +67,7 @@ export default class HandsontableModal extends React.Component {
 
   render() {
     return (
-      <Modal show={this.state.show} onHide={this.cancel} bsSize="large">
+      <Modal show={this.state.show} onHide={this.cancel} bsSize="large" dialogClassName="handsontable-modal">
         <Modal.Header closeButton>
           <Modal.Title>Edit Table</Modal.Title>
         </Modal.Header>

+ 4 - 0
src/client/styles/scss/_handsontable.scss

@@ -7,3 +7,7 @@
     word-break: break-all;
   }
 }
+
+.handsontable-modal.modal-lg {
+  width: 90%;
+}