Yuki Takei 7 лет назад
Родитель
Сommit
4ae66fc3ba
2 измененных файлов с 8 добавлено и 6 удалено
  1. 5 5
      resource/js/components/PageEditorByHackmd.jsx
  2. 3 1
      resource/styles/scss/_on-edit.scss

+ 5 - 5
resource/js/components/PageEditorByHackmd.jsx

@@ -200,13 +200,13 @@ export default class PageEditorByHackmd extends React.PureComponent {
       content = (
       content = (
         <div>
         <div>
           <p className="text-center hackmd-status-label"><i className="fa fa-file-text"></i> HackMD is READY!</p>
           <p className="text-center hackmd-status-label"><i className="fa fa-file-text"></i> HackMD is READY!</p>
-          <p className="text-center hackmd-resule-button-container">
-            <SplitButton title={title} bsStyle="success" bsSize="large" className="btn-resume waves-effect waves-light" onClick={() => this.resumeToEdit()}>
+          <div className="text-center hackmd-resume-button-container mb-3">
+            <SplitButton id='split-button-resume-hackmd' title={title} bsStyle="success" bsSize="large" className="btn-resume waves-effect waves-light" onClick={() => this.resumeToEdit()}>
               <MenuItem className="text-center" onClick={() => this.discardChanges()}>
               <MenuItem className="text-center" onClick={() => this.discardChanges()}>
                 <i className="icon-control-rewind"></i> Discard changes
                 <i className="icon-control-rewind"></i> Discard changes
               </MenuItem>
               </MenuItem>
             </SplitButton>
             </SplitButton>
-          </p>
+          </div>
           <p className="text-center">Click to edit from the previous continuation.</p>
           <p className="text-center">Click to edit from the previous continuation.</p>
         </div>
         </div>
       );
       );
@@ -215,13 +215,13 @@ export default class PageEditorByHackmd extends React.PureComponent {
       content = (
       content = (
         <div>
         <div>
           <p className="text-center hackmd-status-label"><i className="fa fa-file-text"></i> HackMD is READY!</p>
           <p className="text-center hackmd-status-label"><i className="fa fa-file-text"></i> HackMD is READY!</p>
-          <p className="text-center hackmd-start-button-container">
+          <div className="text-center hackmd-start-button-container mb-3">
             <button className="btn btn-info btn-lg waves-effect waves-light" type="button"
             <button className="btn btn-info btn-lg waves-effect waves-light" type="button"
                 onClick={() => this.startToEdit()} disabled={this.state.isInitializing}>
                 onClick={() => this.startToEdit()} disabled={this.state.isInitializing}>
               <span className="btn-label"><i className="icon-paper-plane"></i></span>
               <span className="btn-label"><i className="icon-paper-plane"></i></span>
               Start to edit with HackMD
               Start to edit with HackMD
             </button>
             </button>
-          </p>
+          </div>
           <p className="text-center">Click to clone page content and start to edit.</p>
           <p className="text-center">Click to clone page content and start to edit.</p>
         </div>
         </div>
       );
       );

+ 3 - 1
resource/styles/scss/_on-edit.scss

@@ -278,11 +278,13 @@ body.on-edit {
       color: $muted;
       color: $muted;
     }
     }
 
 
-    .hackmd-resule-button-container {
+    .hackmd-start-button-container, .hackmd-resume-button-container {
       .btn-lg .btn-label {
       .btn-lg .btn-label {
         padding-top: 6px;     // for SplitButton
         padding-top: 6px;     // for SplitButton
         padding-bottom: 6px;  // for SplitButton
         padding-bottom: 6px;  // for SplitButton
       }
       }
+    }
+    .hackmd-resume-button-container {
       .dropdown-menu {
       .dropdown-menu {
         left: unset;
         left: unset;
         right: 0;
         right: 0;