mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-16 06:07:21 +01:00
fe6c21800c
* fix: first batch of layout issues for private messages + auto sizing textarea * username second line - open profile on face-avatar/conversation name - fix textarea height * refresh on sync * new "you dont have any messages" style + changed min textarea height * new conversationItem style / layout * reset message unread on reload * fix styles / textarea height * list optOut / chatRevoked informations for each conversation + show why its disabled * Block / Unblock - correct disabled states - $gray-200 instead of 300/400 * canReceive not checking chatRevoked * fix: faceAvatar / userLink open the selected conversation user * check if the target user is blocking the logged-in user * check if blocks is undefined * max-height instead of height * fix "no messages" state + canReceive on a new conversation * fixed conversations width (280px on max 768 width page) * call autosize after message is sent * only color the placeholder * only load the current user avatar/settings/flags * show only the current avatar on private messages
33 lines
866 B
JavaScript
33 lines
866 B
JavaScript
/* eslint-disable import/no-extraneous-dependencies */
|
|
import { storiesOf } from '@storybook/vue';
|
|
import { text, withKnobs } from '@storybook/addon-knobs';
|
|
|
|
const stories = storiesOf('Textarea', module);
|
|
|
|
stories.addDecorator(withKnobs);
|
|
|
|
stories
|
|
.add('states', () => ({
|
|
components: { },
|
|
template: `
|
|
<div style="position: absolute; margin: 20px">
|
|
<textarea autofocus ref="area">Normal {{text}}</textarea>
|
|
<br />
|
|
<button class="btn btn-dark" @click="$refs.area.focus()">Focus ^</button>
|
|
<br />
|
|
<textarea placeholder="placeholder"></textarea>
|
|
<br />
|
|
|
|
<textarea disabled>Disabled {{text}}</textarea><br />
|
|
|
|
<textarea readonly>Readonly {{text}}</textarea> <br />
|
|
|
|
</div>
|
|
`,
|
|
props: {
|
|
text: {
|
|
default: text('Area Message', 'example text'),
|
|
},
|
|
},
|
|
}));
|