CmsKit - Move editor styles to style files

6 years ago · 142bd01b6f
12 changed files with 28 additions and 12 deletions
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Create.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Create.cshtml
@ -33,6 +33,7 @@
@section styles {
    <abp-style-bundle>
        <abp-style type="typeof(TuiEditorStyleContributor)"/>
+        <abp-style src="/Pages/CmsKit/BlogPosts/create.css"/>
    </abp-style-bundle>
 }

@ -61,7 +62,7 @@
            
            <abp-form-content />

-            <div class="content-editor" 
+            <div class="content-editor cms-kit-editor" 
                 id="ContentEditor" 
                 data-input-id="@Html.IdFor(x => x.ViewModel.Content)"
                 data-language="@(CultureInfo.CurrentUICulture.TwoLetterISOLanguageName)">
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Update.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/Update.cshtml
@ -33,6 +33,7 @@
@section styles {
    <abp-style-bundle>
        <abp-style type="typeof(TuiEditorStyleContributor)"/>
+        <abp-style src="/Pages/CmsKit/BlogPosts/update.css"/>
    </abp-style-bundle>
 }

@ -59,7 +60,7 @@

            <abp-form-content />
        
-            <div class="content-editor" 
+            <div class="content-editor cms-kit-editor" 
                 id="ContentEditor" 
                 data-input-id="@Html.IdFor(x => x.ViewModel.Content)"
                 data-language="@(CultureInfo.CurrentUICulture.TwoLetterISOLanguageName)">
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/create.css
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/create.css
@ -0,0 +1,3 @@
+.cms-kit-editor {
+    height: 65vh !important;
+}
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/create.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/create.js
@ -231,7 +231,7 @@
            useCommandShortcut: true,
            initialValue: initialValue,
            previewStyle: 'tab',
-            height: "65vh",
+            height: "100%",
            minHeight: "25em",
            initialEditType: 'markdown',
            language: $editorContainer.data("language"),
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.css
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.css
@ -0,0 +1,3 @@
+.cms-kit-editor {
+    height: 65vh !important;
+}
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.js
@ -178,7 +178,7 @@
            useCommandShortcut: true,
            initialValue: initialValue,
            previewStyle: 'tab',
-            height: "65vh",
+            height: "100%",
            minHeight: "25em",
            initialEditType: 'markdown',
            language: $editorContainer.data("language"),
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Create.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Create.cshtml
@ -29,6 +29,7 @@
@section styles {
 <abp-style-bundle>
    <abp-style type="typeof(TuiEditorStyleContributor)" />
+    <abp-style src="/Pages/CmsKit/Pages/create.css"/>
 </abp-style-bundle>
 }

@ -45,7 +46,7 @@
            <abp-tabs tab-style="Tab">

                <abp-tab title="@L["Content"]">
-                    <div class="content-editor"
+                    <div class="content-editor cms-kit-editor"
                         id="ContentEditor"
                         data-input-id="@Html.IdFor(x => x.ViewModel.Content)"
                         data-language="@(CultureInfo.CurrentUICulture.TwoLetterISOLanguageName)">
@ -53,11 +54,11 @@
                </abp-tab>

                <abp-tab title="@L["Script"]">
-                    <abp-input asp-for="ViewModel.Script" suppress-label="true" style="height: 65vh;" />
+                    <abp-input asp-for="ViewModel.Script" suppress-label="true" class="cms-kit-editor" />
                </abp-tab>

                <abp-tab title="@L["Style"]">
-                    <abp-input asp-for="ViewModel.Style"  suppress-label="true" style="height: 65vh;"/>
+                    <abp-input asp-for="ViewModel.Style"  suppress-label="true" class="cms-kit-editor"/>
                </abp-tab>

            </abp-tabs>
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Update.cshtml
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/Update.cshtml
@ -30,6 +30,7 @@
@section styles {
 <abp-style-bundle>
    <abp-style type="typeof(TuiEditorStyleContributor)" />
+    <abp-style src="/Pages/CmsKit/Pages/update.css" />
 </abp-style-bundle>
 }

@ -49,7 +50,7 @@
            <abp-tabs tab-style="Tab">

                <abp-tab title="@L["Content"]">
-                    <div class="content-editor"
+                    <div class="content-editor cms-kit-editor"
                         id="ContentEditor"
                         data-input-id="@Html.IdFor(x => x.ViewModel.Content)"
                         data-language="@(CultureInfo.CurrentUICulture.TwoLetterISOLanguageName)">
@ -57,11 +58,11 @@
                </abp-tab>

                <abp-tab title="@L["Script"]">
-                    <abp-input asp-for="ViewModel.Script" suppress-label="true" style="height: 65vh;" />
+                    <abp-input asp-for="ViewModel.Script" suppress-label="true" class="cms-kit-editor" />
                </abp-tab>

                <abp-tab title="@L["Style"]">
-                    <abp-input asp-for="ViewModel.Style" suppress-label="true" style="height: 65vh;"/>
+                    <abp-input asp-for="ViewModel.Style" suppress-label="true" class="cms-kit-editor"/>
                </abp-tab>

            </abp-tabs>
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/create.css
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/create.css
@ -0,0 +1,3 @@
+.cms-kit-editor {
+    height: 65vh !important;
+}
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/create.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/create.js
@ -86,7 +86,7 @@
            useCommandShortcut: true,
            initialValue: initialValue,
            previewStyle: 'tab',
-            height: "65vh",
+            height: "100%",
            minHeight: "25em",
            initialEditType: 'markdown',
            language: $editorContainer.data("language"),
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.css
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.css
@ -0,0 +1,3 @@
+.cms-kit-editor {
+    height: 65vh !important;
+}
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js
@ -61,7 +61,7 @@
            useCommandShortcut: true,
            initialValue: initialValue,
            previewStyle: 'tab',
-            height: "65vh",
+            height: "100%",
            minHeight: "25em",
            initialEditType: 'markdown',
            language: $editorContainer.data("language"),