The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

Keep state of toolbar between resizing event #1831

Browse Source
This commit is contained in:
DianaXWiki 2025-06-04 12:16:19 +03:00 committed by yflory
parent 35ede22433
commit c961102fc4
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
www/common/common-ui-elements.js
View File

@ -1365,6 +1365,7 @@ define([
$(this).attr('aria-pressed', String(!isExpanded));
$(this).toggleClass('cp-toolbar-button-active', !isExpanded);
$(toolbarElement).toggle();
toolbarVisibleOnSmallScreen = !isExpanded;
});
$(toolbarElement).on('keydown', function (e) {
@ -1384,19 +1385,33 @@ define([
return window.innerHeight < 530 || window.innerWidth < 530;
}
let toolbarVisibleOnSmallScreen = false;
let wasSmallScreen = isSmallScreenToolbar();
UIElements.updateToolbarVisibility = function(markdownEditorWrapper, toolbar, editor) {
let toggleButton = null;
if (isSmallScreenToolbar()) {
const isSmallScreen = isSmallScreenToolbar();
if (isSmallScreen) {
if (!$(markdownEditorWrapper).find('.cp-markdown-toggle-button').length) {
toggleButton = UIElements.createMarkdownToolbarToggle(toolbar, editor);
$(markdownEditorWrapper).append(toggleButton);
}
$(toolbar).hide();
if (toolbarVisibleOnSmallScreen) {
$(toolbar).show();
$(markdownEditorWrapper).find('.cp-markdown-toggle-button').addClass('cp-toolbar-button-active')
.attr('aria-pressed', true);
} else {
$(toolbar).hide();
$(markdownEditorWrapper).find('.cp-markdown-toggle-button').removeClass('cp-toolbar-button-active')
.attr('aria-pressed', false);
}
} else {
$(markdownEditorWrapper).find('.cp-markdown-toggle-button').remove();
$(toolbar).show();
}
return toggleButton; // May return null if not created
wasSmallScreen = isSmallScreen;
return toggleButton;
};