Merge pull request #1822 from weseek/support/bstr4-create-template-modal

Support/bstr4 create template modal

resource/locales/en-US/translation.json

@@ -320,7 +320,7 @@
   "template": {
     "modal_label": {
       "Create/Edit Template Page": "Create/Edit Template Page",
-      "Create template under": "Create template page under:<br /><code><small>%s</small></code>"
+      "Create template under": "Create template page under:<br /><code>%s</code>"
     },
     "option_label": {
       "create/edit": "Create/Edit Template page..",

resource/locales/ja/translation.json

@@ -318,7 +318,7 @@
   "template": {
     "modal_label": {
       "Create/Edit Template Page": "テンプレートページの作成/編集",
-      "Create template under": "<code><small>%s</small></code><br />にテンプレートページを作成"
+      "Create template under": "<code>%s</code><br />にテンプレートページを作成"
     },
     "option_label": {
       "select": "テンプレートタイプを選択してください",

src/client/styles/scss/_create-template.scss

@@ -1,8 +0,0 @@
-.modal.create-template {
-  @include media-breakpoint-up(sm) {
-    // align .panel-body heights
-    .card-select-template .card-body {
-      min-height: 120px;
-    }
-  }
-}

src/client/styles/scss/style-app.scss

@@ -30,7 +30,6 @@
 @import 'drawio';
 @import 'navbar_kibela';
 @import 'create-page';
-@import 'create-template';
 @import 'draft';
 @import 'editor-attachment';
 @import 'editor-navbar';

src/server/views/modal/create_template.html

@@ -1,7 +1,7 @@
 {% set templateParentPath = parentPath(page.path | preventXss | escape) %}
 
 <div class="modal create-template" id="create-template">
-  <div class="modal-dialog modal-lg">
+  <div class="modal-dialog">
     <div class="modal-content">
 
       <div class="modal-header bg-primary">
@@ -12,12 +12,12 @@
         <div class="form-group">
           <label class="mb-4">{{ t('template.modal_label.Create template under', templateParentPath ) }}</label>
           <div class="row">
-            <div class="col-sm-6">
+            <div class="col-md-6">
               <div class="card card-select-template">
                 <div class="card-header">{{ t('template.children.label') }}</div>
                 <div class="card-body">
                   <p class="text-center"><code>_template</code></p>
-                  <p class="help-block text-center"><small>{{ t('template.children.desc') }}</small></p>
+                  <p class="form-text text-muted text-center"><small>{{ t('template.children.desc') }}</small></p>
                 </div>
                 <div class="card-footer text-center">
                   <a href="{{templateParentPath}}_template#edit"
@@ -27,12 +27,12 @@
                 </div>
               </div>
             </div>
-            <div class="col-sm-6">
+            <div class="col-md-6">
               <div class="card card-select-template">
                 <div class="card-header">{{ t('template.decendants.label') }}</div>
                 <div class="card-body">
                   <p class="text-center"><code>__template</code></p>
-                  <p class="help-block text-center"><small>{{ t('template.decendants.desc') }}</small></p>
+                  <p class="form-text text-muted text-center"><small>{{ t('template.decendants.desc') }}</small></p>
                 </div>
                 <div class="card-footer text-center">
                   <a href="{{templateParentPath}}__template#edit"