diff --git a/src/admin/components/edition/collection-edition-form.vue b/src/admin/components/edition/collection-edition-form.vue index 9ff77bcde..4428d92cb 100644 --- a/src/admin/components/edition/collection-edition-form.vue +++ b/src/admin/components/edition/collection-edition-form.vue @@ -10,7 +10,7 @@ - +
- + - +
@@ -44,7 +48,7 @@ - +
@@ -62,14 +66,18 @@ id="button-edit-thumbnail" :aria-label="$i18n.get('label_button_edit_thumb')" @click.prevent="thumbnailMediaFrame.openFrame($event)"> - + - +
@@ -112,25 +120,45 @@ class="control selected-cover-page"> - - - -    - - - -    - + + + + + +    + + + + +
+ + + {{ $i18n.get('label_create_new_page') }}
@@ -206,6 +234,7 @@ :title="$i18n.getHelperTitle('collections', 'status')" :message="$i18n.getHelperMessage('collections', 'status')"/>
+ + + + + + + + + - - - - - - - - - @@ -421,7 +451,8 @@ export default { headerImageMediaFrame: undefined, registeredViewModes: tainacan_plugin.registered_view_modes, viewModesList: [], - fromImporter: '' + fromImporter: '', + newPagePath: tainacan_plugin.admin_url + 'post-new.php?post_type=page' } }, methods: { @@ -575,7 +606,7 @@ export default { this.form.cover_page_id = selectedPage.id; this.coverPage = selectedPage; this.coverPageTitle = this.coverPage.title.rendered; - this.coverPageEditPath = tainacan_plugin.admin_url + '/post.php?post=' + selectedPage.id + '&action=edit'; + this.coverPageEditPath = tainacan_plugin.admin_url + 'post.php?post=' + selectedPage.id + '&action=edit'; }, fecthModerators(search) { this.isFetchingModerators = true; @@ -772,16 +803,17 @@ export default { #button-delete-header-image { border-radius: 100px !important; - height: 40px !important; - width: 40px !important; + height: 30px !important; + width: 30px !important; z-index: 99; - margin-left: 16px !important; + margin-left: 10px !important; .icon { display: inherit; padding: 0; margin: 0; margin-top: 1px; + font-size: 18px; } } .header-field { @@ -806,7 +838,8 @@ export default { } .header-buttons-row { text-align: right; - top: -42px; + top: -35px; + right: 5px; position: relative; } } @@ -838,20 +871,27 @@ export default { } .thumbnail-buttons-row { position: relative; - left: 80px; + left: 100px; bottom: -136px; } } .selected-cover-page { background-color: $tainacan-input-background; padding: 8px; - font-size: .85rem; + font-size: .75rem; .span { vertical-align: middle;} .selected-cover-page-control { float: right; } - + } + .selected-cover-page-buttons { + float: right; + padding: 4px 6px; + .icon { font-size: 20px; } + &.disabled { + .icon { color: $tainacan-input-background; } + } } .moderators-empty-list { color: gray; diff --git a/src/admin/scss/_view-mode-cards.scss b/src/admin/scss/_view-mode-cards.scss index 0ce60fa4b..1c6625cc7 100644 --- a/src/admin/scss/_view-mode-cards.scss +++ b/src/admin/scss/_view-mode-cards.scss @@ -58,7 +58,7 @@ visibility: hidden; } img { - width: 170px; + width: 172px; height: auto; border-radius: 2px; } @@ -87,7 +87,7 @@ width: 100%; .list-metadata { - padding: 0.75rem 1.5rem; + padding: 0.75rem 1.375rem; flex: 1; font-size: 0.6875rem; color: gray; diff --git a/src/admin/scss/tainacan-admin.scss b/src/admin/scss/tainacan-admin.scss index a1e459fd8..452836302 100644 --- a/src/admin/scss/tainacan-admin.scss +++ b/src/admin/scss/tainacan-admin.scss @@ -52,6 +52,15 @@ a:hover { .add-link { display: inline; font-size: 12px; + &.disabled { + pointer-events: none; + cursor: default; + color: $tainacan-input-background; + + .icon { + color: $tainacan-input-background !important; + } + } } // Page settings diff --git a/src/admin/tainacan-admin-i18n.php b/src/admin/tainacan-admin-i18n.php index 054c0bbd0..4d0be72ec 100644 --- a/src/admin/tainacan-admin-i18n.php +++ b/src/admin/tainacan-admin-i18n.php @@ -237,6 +237,7 @@ return apply_filters('tainacan-admin-i18n',[ 'label_to_target_collection' => __( 'To target collection', 'tainacan' ), 'label_add_value' => __( 'Add value', 'tainacan' ), 'label_remove_value' => __( 'Remove value', 'tainacan' ), + 'label_create_new_page' => __( 'Create new page', 'tainacan' ), // Instructions. More complex sentences to guide user and placeholders 'instruction_delete_selected_collections' => __( 'Delete selected collections', 'tainacan' ),