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

adjust style of .btn-submit of edit page

Yuki Takei 8 лет назад
Родитель
Сommit
29c9d862c2
2 измененных файлов с 11 добавлено и 6 удалено
  1. 4 3
      lib/views/_form.html
  2. 7 3
      resource/styles/scss/_on-edit.scss

+ 4 - 3
lib/views/_form.html

@@ -21,12 +21,13 @@
   <input type="hidden" id="form-body" name="pageForm[body]" value="{% if pageForm.body %}{{ pageForm.body }}{% endif %}">
   <input type="hidden" name="pageForm[path]" value="{{ path }}">
   <input type="hidden" name="pageForm[currentRevision]" value="{{ pageForm.currentRevision|default(page.revision._id.toString()) }}">
-  <div class="page-editor-footer form-submit-group form-group form-inline d-flex justify-content-between">
+  <div class="page-editor-footer form-submit-group form-group form-inline
+      d-flex align-items-center justify-content-between">
     <div>
       <div id="page-editor-options-selector"></div>
     </div>
 
-    <div class="form-inline page-form-setting d-flex" id="page-form-setting" data-slack-configured="{{ slackConfigured() }}">
+    <div class="form-inline page-form-setting d-flex align-items-center" id="page-form-setting" data-slack-configured="{{ slackConfigured() }}">
       {% if slackConfigured() %}
       <span class="input-group input-group-sm input-group-slack extended-setting m-r-5">
         <div class="input-group-addon">
@@ -62,7 +63,7 @@
       </select>
       {% endif %}
       <input type="hidden" id="edit-form-csrf" name="_csrf" value="{{ csrf() }}">
-      <button type="submit" class="btn btn-sm btn-primary" id="edit-form-submit">{{ t('Update Page') }}</button>
+      <button type="submit" class="btn btn-primary btn-submit" id="edit-form-submit">{{ t('Update') }}</button>
     </div>
   </div>
 </form>

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

@@ -81,7 +81,7 @@ body.on-edit {
       $header-plus-footer: 2px                      // .main padding-top
                          + 42px                     // .nav height
                          + 1px                      // .page-editor-footer border-top
-                         + 39px;                    // .page-editor-footer min-height
+                         + 40px;                    // .page-editor-footer min-height
       $preview-margin: $header-plus-footer;
       $editor-margin: $header-plus-footer + 22px;   // .btn-open-dropzone height
 
@@ -103,9 +103,13 @@ body.on-edit {
       .page-editor-footer {
         width: 100%;
         margin: 0;
-        padding: 4px;
-        min-height: 39px;
+        padding: 3px;
+        min-height: 40px;
         border-top: solid 1px transparent;
+
+        .btn-submit {
+          width: 100px;
+        }
       }
 
       // slack