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

Add markdown toggle button to forms #1831

Browse Source
This commit is contained in:
DianaXWiki 2025-05-05 18:20:21 +03:00 committed by yflory
parent babbac9582
commit 9b3d85a0fe
4 changed files with 38 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
www/form/app-form.less
View File

@ -431,6 +431,24 @@
}
}
.cp-editor-wrapper {
.cp-markdown-toggle-row {
margin: 0.5rem 0;
position: relative;
.cp-markdown-toolbar-toggle-button {
padding: 3px 10px;
height: 32px;
margin: 0;
line-height: 1;
border-radius: @variables_radius;
display: inline-flex;
}
.cp-markdown-toolbar-toggle-button i.fa {
margin: 0 !important;
}
}
}
.cp-form-creator-add-inline {
display: flex;
flex-flow: row;

19
www/form/inner.js
View File

@ -1125,8 +1125,17 @@ define([
editor.replaceSelection($(mt)[0].outerHTML);
}
});
var toggleRow = h('div.cp-markdown-toggle-row');
$(block).prepend(markdownTb.toolbar);
$(markdownTb.toolbar).show();
if(Util.isSmallScreen()) {
var toggleButton = UIElements.createMarkdownToolbarToggle(markdownTb.toolbar, editor);
$(toggleRow).append(toggleButton);
$(markdownTb.toolbar).hide();
}
else {
$(markdownTb.toolbar).show();
}
$(block).prepend(toggleRow);
cm.configureTheme(APP.common, function () {});
}
@ -1159,8 +1168,14 @@ define([
};
};
var outerWrapper = h('div.cp-editor-wrapper', [
toggleRow,
block
]);
return [
block,
outerWrapper,
cancelBlock
];
},

4
www/kanban/app-kanban.less
View File

@ -120,11 +120,11 @@
}
margin-bottom: 5px;
}
.markdown-label-row {
.cp-markdown-label-row {
margin-bottom: 0.5rem;
position: relative;
}
.markdown-label-row label {
.cp-markdown-label-row label {
display: inline-block;
margin: 0;
vertical-align: middle;

2
www/kanban/inner.js
View File

@ -213,7 +213,7 @@ define([
commit();
});
var markdownEditorWrapper = h('div.markdown-label-row', [
var markdownEditorWrapper = h('div.cp-markdown-label-row', [
h('label', { for: 'cp-kanban-edit-body' }, Messages.kanban_body)
]);