blob: 3d1166fc330fe65e7cf1435aecac752700ab39f8 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
mixin sample-message-group
+message-group('Volpeon')&attributes(attributes)
+message()(theme=attributes.theme group=true compact=attributes.compact)
+slot('header')
strong= 'Volpeon'
+slot('body')
block
+slot('time')= '12:34'
mixin view-message-group
+view('message-group', 'Message group')
.c-box.l-overflow(style='resize: vertical')
+message-group('Volpeon')
+message('Volpeon')(group=true)
+slot('body')= 'Inline messages test'
+slot('time')= '12:35'
+message()(group=true)
+slot('body')= loremIpsum
+slot('time')= '12:35'
+message()(group=true)
+slot('body')= 'qwertzuiop'
+slot('time')= '12:35'
+message()(group=true)
+slot('body')= '🐈️🦊️'
+slot('time')= '12:35'
+message()(group=true)
+slot('body')= loremIpsum
+slot('time')= '12:35'
.c-box.l-overflow(style='resize: vertical')
+message-group('Volpeon')(compact=true arrow=true left=true)
+message('Volpeon')(theme='t-up' compact=true group=true)
+slot('body')= 'Compact bubble messages test'
+slot('time')= '12:34'
+message()(theme='t-up' compact=true group=true)
+slot('body')= loremIpsum
+slot('time')= '12:35'
+message()(theme='t-up' compact=true group=true)
+slot('body')= 'qwertzuiop'
+slot('time')= '12:36'
+message()(theme='t-up' compact=true group=true)
+slot('body')= '🐈️🦊️'
+slot('time')= '12:38'
+message()(theme='t-up' compact=true group=true)
+slot('body')= loremIpsum
+slot('time')= '12:39'
.c-box.l-overflow(style='resize: vertical')
+message-group('Volpeon')(compact=true right=true)
strong.l-message-group__message= 'Volpeon'
+message()(theme='t-up' compact=true group=true)
+slot('body')= 'Compact bubble messages test'
+slot('time')= '12:34'
+message()(theme='t-up' compact=true group=true)
+slot('body')= loremIpsum
+slot('time')= '12:35'
+message()(theme='t-up' compact=true group=true)
+slot('body')= 'qwertzuiop'
+slot('time')= '12:36'
+message()(theme='t-up' compact=true group=true)
+slot('body')= '🐈️🦊️'
+slot('time')= '12:38'
+message()(theme='t-up' compact=true group=true)
+slot('body')= loremIpsum
+slot('time')= '12:39'
.c-box.l-overflow(style='resize: vertical')
+message-group('Volpeon')
+message()(theme='t-up' group=true)
+slot('header')
.l-media.l-media--flush
.l-media__block.l-media__block--main
strong= 'Volpeon'
small.u-ml-100= '@volpeon@mk.vulpes.one'
small.l-media__block
= '5 minutes ago'
+icon('lock')(class='u-ml-100')
+slot('body')= 'Full width bubble messages test'
+message()(theme='t-up' group=true)
+slot('body')= loremIpsum
+message()(theme='t-up' group=true)
+slot('body')= 'qwertzuiop'
+message()(theme='t-up' group=true)
+slot('body')= '🐈️🦊️'
+message()(theme='t-up' group=true)
+slot('body')= loremIpsum
.c-box.l-overflow(style='resize: vertical')
+sample-message-group()(merge=false)= 'Inline message group merging'
+sample-message-group()(merge=true)= 'qwertzuiop'
+sample-message-group()(merge=true)= '🐈️🦊️'
+sample-message-group()(merge=true)= loremIpsum
.c-box.l-overflow(style='resize: vertical')
+sample-message-group()(theme='t-up' merge=false)= 'Bubble message group merging'
+sample-message-group()(theme='t-up' merge=true)= 'qwertzuiop'
+sample-message-group()(theme='t-up' merge=true)= '🐈️🦊️'
+sample-message-group()(theme='t-up' merge=true)= loremIpsum
.c-box.l-overflow(style='resize: vertical')
+sample-message-group()(theme='t-up' merge=false compact=true arrow=true left=true)= 'Bubble message group merging'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true left=true)= 'qwertzuiop'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true left=true)= '🐈️🦊️'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true left=true)= loremIpsum
.c-box.l-overflow(style='resize: vertical')
+sample-message-group()(theme='t-up' merge=false compact=true arrow=true right=true)= 'Bubble message group merging'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true right=true)= 'qwertzuiop'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true right=true)= '🐈️🦊️'
+sample-message-group()(theme='t-up' merge=true compact=true arrow=true right=true)= loremIpsum
|
