webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-28 17:02:04 +03:00
Code Activity

Changelog: Tweaked spacing, count and element referencing

Browse Source 
During review of #5663
This commit is contained in:
Dan Brown
2025-07-19 14:53:02 +01:00
parent f786d25f2e
commit 61f8d18af5
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/page-editor.js
View File

@ -25,6 +25,7 @@ export class PageEditor extends Component {
this.draftDisplayIcon = this.$refs.draftDisplayIcon;
this.changelogInput = this.$refs.changelogInput;
this.changelogDisplay = this.$refs.changelogDisplay;
this.changelogCounter = this.$refs.changelogCounter;
this.changeEditorButtons = this.$manyRefs.changeEditor || [];
this.switchDialogContainer = this.$refs.switchDialog;
this.deleteDraftDialogContainer = this.$refs.deleteDraftDialog;
@ -77,8 +78,7 @@ export class PageEditor extends Component {
const updateChangelogDebounced = debounce(this.updateChangelogDisplay.bind(this), 300, false);
this.changelogInput.addEventListener('input', () => {
const count = this.changelogInput.value.length;
const counterEl = document.getElementById('changelog-count');
if (counterEl) counterEl.innerText = `${count} / 250`;
this.changelogCounter.innerText = `${count} / 180`;
updateChangelogDebounced();
});

6
resources/views/pages/parts/editor-toolbar.blade.php
View File

@ -104,17 +104,17 @@
<span refs="page-editor@changelogDisplay">{{ trans('entities.pages_edit_set_changelog') }}</span>
</button>
<ul refs="dropdown@menu" class="wide dropdown-menu">
<li class="px-l py-m">
<li class="px-m py-s">
<p class="text-muted pb-s">{{ trans('entities.pages_edit_enter_changelog_desc') }}</p>
<textarea
refs="page-editor@changelogInput"
name="summary"
id="summary-input"
rows="2"
maxlength="250"
maxlength="180"
placeholder="{{ trans('entities.pages_edit_enter_changelog') }}"
></textarea>
<small class="text-muted mt-xs" id="changelog-count">0 / 250</small>
<small refs="page-editor@changelogCounter" class="text-muted mt-xs">0 / 180</small>
</li>
</ul>
<span>{{-- Prevents button jumping on menu show --}}</span>