KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Bug: Adds support multiline text input on article edit page (#5465)

Browse source 
* Bug: Scroll issue with article list page

* Adds support multiline text input on article edit page
This commit is contained in:
Nithin David Thomas 2022-09-20 22:42:09 +05:30 committed by GitHub
parent 1761100c77
commit d28502b917
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleEditor.vue
View file

@ -1,8 +1,9 @@
<template> <template>
<div class="edit-article--container"> <div class="edit-article--container">
<input <resizable-text-area
v-model="articleTitle" v-model="articleTitle"
type="text" type="text"
rows="1"
class="article-heading" class="article-heading"
:placeholder="$t('HELP_CENTER.EDIT_ARTICLE.TITLE_PLACEHOLDER')" :placeholder="$t('HELP_CENTER.EDIT_ARTICLE.TITLE_PLACEHOLDER')"
@focus="onFocus" @focus="onFocus"
@ -23,11 +24,13 @@
<script> <script>
import { debounce } from '@chatwoot/utils'; import { debounce } from '@chatwoot/utils';
import ResizableTextArea from 'shared/components/ResizableTextArea';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue'; import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
export default { export default {
components: { components: {
WootMessageEditor, WootMessageEditor,
ResizableTextArea,
}, },
props: { props: {
article: { article: {
@ -83,7 +86,8 @@ export default {
font-size: var(--font-size-giga); font-size: var(--font-size-giga);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
min-height: var(--space-jumbo); min-height: var(--space-jumbo);
max-height: var(--space-jumbo); max-height: 64rem;
height: auto;
border: 0px solid transparent; border: 0px solid transparent;
padding: 0; padding: 0;
color: var(--s-900); color: var(--s-900);

1
app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/ListAllArticles.vue
View file

@ -149,6 +149,7 @@ export default {
.container { .container {
padding: 0 var(--space-normal); padding: 0 var(--space-normal);
width: 100%; width: 100%;
overflow: auto;
.articles--loader { .articles--loader {
align-items: center; align-items: center;
display: flex; display: flex;

1
app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/NewArticle.vue
View file

@ -126,5 +126,6 @@ export default {
} }
.is-sidebar-open { .is-sidebar-open {
flex: 0.7; flex: 0.7;
flex-grow: 1;
} }
</style> </style>

2
app/views/public/api/v1/portals/_category-block.html.erb
View file

@ -15,7 +15,7 @@
</div> </div>
<% else %> <% else %>
<% category.articles.published.take(5).each do |article| %> <% category.articles.published.take(5).each do |article| %>
<div class="flex justify-between content-center h-8 my-1"> <div class="flex justify-between content-center min:h-8 my-1">
<a <a
class="text-slate-800 hover:underline leading-8" class="text-slate-800 hover:underline leading-8"
href="/hc/<%= portal.slug %>/<%= category.locale %>/<%= category.slug %>/<%= article.id %>" href="/hc/<%= portal.slug %>/<%= category.locale %>/<%= category.slug %>/<%= article.id %>"