scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-09-11 07:34:41 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix project and experiment placeholder color and wording [SCI-11921]

Browse source
This commit is contained in:
Anton 2025-05-26 13:45:27 +02:00
parent 067849e3d3
commit d4028d750a
3 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/javascript/vue/shared/datatable/modals/description.vue
View file

@ -14,6 +14,7 @@
<div v-if="editMode">
<TinymceEditor
v-model="description"
:placeholder="i18n.t('projects.index.add_description')"
textareaId="descriptionModelInput"
></TinymceEditor>
</div>

2
app/javascript/vue/shared/datatable/renderers/description.vue
View file

@ -3,7 +3,7 @@
<template v-if="params.dtComponent.currentViewRender === 'table'">
<div class="group relative flex items-center group-hover:marker text-xs h-full w-full leading-[unset]">
<div ref="descripitonBox" class="flex gap-2 w-full items-center text-sm leading-[unset]">
<span v-if="removeTags(params.data.description).length > 0" class="cursor-pointer line-clamp-1 leading-[unset]"
<span v-if="params.data.description && removeTags(params.data.description).length > 0" class="cursor-pointer line-clamp-1 leading-[unset]"
@click.stop="showDescriptionModal">
{{ removeTags(params.data.description) }}
</span>

5
app/javascript/vue/shared/tinymce_editor.vue
View file

@ -199,6 +199,7 @@ export default {
initCssOverrides(editor) {
const editorIframe = $(`#${editor.id}`).next().find('.tox-edit-area iframe');
const primaryColor = '#104da9';
const placeholderColor = '#98A2B3';
editorIframe.contents().find('head').append(`<style type="text/css">
img::-moz-selection{background:0 0}
img::selection{background:0 0}
@ -209,6 +210,10 @@ export default {
.mce-content-body div#mceResizeHandlene{border-right: 2px solid ${primaryColor}; border-top: 2px solid ${primaryColor}}
.mce-content-body div#mceResizeHandlesw{border-left: 2px solid ${primaryColor}; border-bottom: 2px solid ${primaryColor}}
.mce-content-body div#mceResizeHandlese{border-right: 2px solid ${primaryColor}; border-bottom: 2px solid ${primaryColor}}
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
color: ${placeholderColor};
opacity: 0.7;
}
h1 {font-size: 24px !important }
h2 {font-size: 18px !important }
h3 {font-size: 16px !important }