Merge pull request #1267 from weseek/support/apply-bst4-form-fix-SavePageControls.jsx

SavePageControls.jsx のフォームBST4化：save page form finished

src/client/js/components/SavePageControls.jsx

@@ -3,10 +3,6 @@ import PropTypes from 'prop-types';
 
 import { withTranslation } from 'react-i18next';
 
-import ButtonToolbar from 'react-bootstrap/es/ButtonToolbar';
-import SplitButton from 'react-bootstrap/es/SplitButton';
-import MenuItem from 'react-bootstrap/es/MenuItem';
-
 import PageContainer from '../services/PageContainer';
 import AppContainer from '../services/AppContainer';
 import EditorContainer from '../services/EditorContainer';
@@ -99,20 +95,25 @@ class SavePageControls extends React.Component {
           )
         }
 
-        <ButtonToolbar>
-          <SplitButton
+        <div className="btn-group dropup">
+          <button type="button" className="btn btn-primary px-5">{labelSubmitButton}</button>
+          <button
+            type="button"
             id="spl-btn-submit"
-            bsStyle="primary"
-            className="btn-submit"
-            dropup
-            pullRight
+            className="btn-submit btn btn-primary dropdown-toggle dropdown-toggle-split"
+            data-toggle="dropdown"
             onClick={this.save}
-            title={labelSubmitButton}
           >
-            <MenuItem eventKey="1" onClick={this.saveAndOverwriteScopesOfDescendants}>{labelOverwriteScopes}</MenuItem>
-            {/* <MenuItem divider /> */}
-          </SplitButton>
-        </ButtonToolbar>
+            <span className="sr-only">{labelSubmitButton}</span>
+          </button>
+          <div
+            className="dropdown-menu"
+            // eventKey="1"
+            onClick={this.saveAndOverwriteScopesOfDescendants}
+          >
+            {labelOverwriteScopes}
+          </div>
+        </div>
       </div>
     );
   }

src/client/styles/scss/_on-edit.scss

@@ -135,10 +135,6 @@ body.on-edit {
         min-width: 150px;
       }
     }
-
-    .btn-submit {
-      width: 100px;
-    }
   }
 
   #page-status-alert .myadmin-alert {