Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 397:b313a7d343af
bulma (components/common): open external menu links in blank page (new tab).
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 30 May 2024 17:08:21 +0200 |
parents | 9847e6dbeefa |
children | 2bbcb7da56bc |
rev | line source |
---|---|
230 | 1 :root { |
2 --photo-height: 280px; | |
3 --photo-height--poster: 500px; | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
4 --col-primary: #82baff; |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
5 --grey-light: hsl(0, 0%, 71%); |
230 | 6 } |
7 | |
292
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
8 html { |
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
9 /* Bulma default force scrollbar, we don't want this */ |
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
10 overflow-y: auto; |
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
11 } |
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
12 |
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
13 body.body--fullscreen { |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
14 display: flex; |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
15 flex-direction: column; |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
16 height: 100vh; |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
17 width: 100vw; |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
18 overflow: hidden; |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
19 } |
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
20 |
381
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
21 |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
22 input[type="search"]::-webkit-search-cancel-button { |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
23 /* We disable cancel button on webkit based browser for consistency, as we add our */ |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
24 /* own when necessary */ |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
25 display: none; |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
26 } |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
27 |
387c8c5a3bee
bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents:
371
diff
changeset
|
28 |
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
29 .is-full-below-menu { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
30 /* full viewport minus top menu height */ |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
31 position:relative; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
32 height: calc(100vh - 52px); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
33 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
34 |
235
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
35 .has-whitespace-pre-wrap { |
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
36 white-space: pre-wrap; |
230 | 37 } |
38 | |
303
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
39 .has-whitespace-pre-line { |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
40 white-space: pre-line; |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
41 } |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
42 |
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
43 .has-decoration-line-through { |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
44 text-decoration: line-through; |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
45 } |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
46 |
230 | 47 .is-avatar { |
48 height: 64px; | |
49 width: 64px; | |
50 border-radius: 50%; | |
51 border: 1px solid #bbb; | |
52 background-color: #eee; | |
53 overflow: hidden; | |
54 } | |
55 | |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
56 .is-video-thumbnail-wrapper { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
57 background-color: black; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
58 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
59 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
60 .is-video-thumbnail-wrapper, .is-video-thumbnail { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
61 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
62 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
63 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
64 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
65 |
230 | 66 .is-photo-thumbnail { |
67 max-height: var(--photo-height); | |
68 max-width: 100%; | |
69 } | |
70 | |
71 .is-photo-thumbnail-container { | |
72 height: var(--photo-height); | |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
73 |
230 | 74 } |
75 | |
299
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
76 .is-top-right { |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
77 /* position element on top right corner, outside document flow (abolute positioning) |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
78 * useful for delete icon |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
79 */ |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
80 position: absolute; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
81 top: 0.25rem; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
82 right: 0.25rem; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
83 } |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
84 |
396
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
85 .is-top-left { |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
86 position: absolute; |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
87 top: 0.25em; |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
88 left: 0.25em; |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
89 } |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
90 |
230 | 91 .has-items-centered { |
92 align-items: center; | |
93 justify-content: center; | |
94 } | |
95 | |
96 .is-poster { | |
97 height: var(--photo-height--poster) !important; | |
98 } | |
99 | |
100 .is-poster>.is-photo-thumbnail { | |
101 max-height: var(--photo-height--poster) !important; | |
102 } | |
103 | |
104 .has-items-vcentered { | |
105 align-items: center; | |
106 } | |
107 | |
356
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
108 .is-valign-middle { |
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
109 vertical-align: middle; |
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
110 } |
230 | 111 |
112 .x-is-hoverable:hover { | |
113 background-color: #eee !important; | |
114 } | |
115 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
116 .x-is-hoverable-primary:hover { |
253 | 117 background-color: var(--col-primary) !important; |
118 border-radius: 50%; | |
119 box-shadow: 0px 0px 0 0.25rem var(--col-primary); | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
120 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
121 |
387
8b990c78d4b5
(bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
122 .media.is-chat-message { |
8b990c78d4b5
(bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
123 margin: 0.5rem 0 0; |
8b990c78d4b5
(bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
124 padding: 0; |
8b990c78d4b5
(bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents:
385
diff
changeset
|
125 border: 0; |
230 | 126 } |
127 | |
344
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
128 .is-text-content { |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
129 white-space: break-spaces; |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
130 } |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
131 |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
132 |
230 | 133 a.is-wrapping { |
134 line-height: 0; | |
135 } | |
136 | |
137 .has-no-background { | |
253 | 138 box-shadow: none !important; |
230 | 139 background-color: initial !important; |
140 } | |
141 | |
142 .pagination-disabled { | |
143 background-color: white; | |
144 border-color: #dbdbdb; | |
145 color: #b5b5b5; | |
146 cursor: auto; | |
147 } | |
148 | |
149 .pagination-disabled:hover { | |
150 background-color: white; | |
151 border-color: #dbdbdb; | |
152 color: #b5b5b5; | |
153 } | |
154 | |
155 .has-text-shortenable { | |
156 overflow: hidden; | |
157 text-overflow: ellipsis; | |
158 } | |
159 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
160 .has-border-dashed { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
161 border-style: dashed; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
162 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
163 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
164 .has-border-grey-light { |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
165 border-color: var(--grey-light); |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
166 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
167 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
168 .has-justify-start { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
169 justify-content: start; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
170 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
171 |
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
172 .has-width-7 { |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
173 width: 7em; |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
174 } |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
175 |
342
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
176 .media-content { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
177 min-width: 15em; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
178 } |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
179 |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
180 .column { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
181 max-width: 100%; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
182 } |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
183 |
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
184 :not(div.highlight>pre)>code { |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
185 border: 1px solid #DDD; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
186 color: initial; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
187 background-color: unset; |
354
cac1a96f3df8
bulma (static): better padding on inline `code`
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
188 padding: 0.05em 0.25em 0.05em; |
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
189 } |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
190 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
191 /************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
192 * selections * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
193 **************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
194 |
396
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
195 .is-selected-search_item { |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
196 border: solid 2px #3273dc; |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
197 background-color: #eff3fa; |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
198 transform: scale(1.03); |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
199 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
200 } |
9847e6dbeefa
bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents:
390
diff
changeset
|
201 |
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
202 .is-not-selectable { |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
203 user-select: none; |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
204 } |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
205 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
206 .selected_for_action { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
207 outline: solid var(--col-primary) 0.25rem; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
208 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
209 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
210 .selected_for_deletion { |
253 | 211 outline: solid red 0.25rem; |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
212 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
213 |
370
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
214 /************** |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
215 * JID Search * |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
216 **************/ |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
217 |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
218 .search-item__group-tags { |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
219 /* we want the item with no group to have the same height as an item with one */ |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
220 min-height: 40px; |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
221 } |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
222 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
223 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
224 * misc states * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
225 ***************/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
226 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
227 .state_deleted { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
228 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
229 transform: scale(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
230 transition: opacity 0.5s ease-out, transform 0.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
231 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
232 |
319 | 233 /********** |
234 * editor * | |
235 **********/ | |
236 | |
237 .tag_input { | |
238 flex-grow: 1; | |
239 margin-bottom: 0.5rem; | |
240 width: auto; | |
241 } | |
242 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
243 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
244 /*********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
245 * dialogs * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
246 ***********/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
247 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
248 .modal-dialog { |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
249 transform: scaleY(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
250 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
251 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
252 div.state_appended .modal-dialog, div.main_notification.state_appended { |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
253 transform: scaleY(1); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
254 transition: transform 0.15s ease-in; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
255 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
256 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
257 div.main_notification.state_closing { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
258 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
259 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
260 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
261 .main_notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
262 position: fixed; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
263 top: 2rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
264 left: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
265 right: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
266 z-index: 10000; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
267 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
268 transition: transform 0.15s ease-in; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
269 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
270 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
271 div.main_notification>div.column { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
272 display: flex; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
273 max-width: 95%; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
274 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
275 div.main_notification>div.column>div.notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
276 max-width: 80rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
277 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
278 |
252 | 279 .click_to_close { |
280 cursor: pointer; | |
281 } | |
282 | |
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
283 div.search_dialog.is-active>div.dropdown-menu { |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
284 display: none; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
285 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
286 |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
287 div.search_dialog.open>div.dropdown-menu { |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
288 display: block; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
289 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
290 |
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
291 div.dropdown-item.selected { |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
292 background-color: var(--col-primary); |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
293 } |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
294 |
252 | 295 /********** |
296 * panels * | |
297 **********/ | |
298 | |
299 .panel_wrapper { | |
300 position: absolute; | |
301 top: 0; | |
302 right: 0; | |
303 height: 100vh; | |
304 width: 100vw; | |
305 z-index: 150; | |
306 } | |
307 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
308 .comments_side_panel, .invitation_manager_side_panel { |
253 | 309 position: absolute; |
310 top: 0; | |
311 right: 0; | |
312 height: 100vh; | |
313 width: 0; | |
252 | 314 max-width: 80%; |
253 | 315 z-index: 200; |
316 background: white; | |
317 transition: width 0.3s ease-out; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
318 overflow: auto; |
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
319 color: black; |
252 | 320 } |
321 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
322 .comments_side_panel.open, .invitation_manager_side_panel.open { |
253 | 323 width: 55rem; |
324 transition: width 0.3s ease-out; | |
252 | 325 } |
326 | |
291
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
327 /********* |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
328 * embed * |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
329 *********/ |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
330 |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
331 .embed { |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
332 width: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
333 height: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
334 } |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
335 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
336 /**************** |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
337 * media player * |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
338 ****************/ |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
339 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
340 div.media_player>div.media_elt, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
341 div.media_player>div.media_elt>ogvjs, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
342 div.media_player>div.media_elt>video { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
343 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
344 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
345 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
346 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
347 /* div.media_player:fullscreen>div.media_elt, */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
348 /* div.media_player:fullscreen>div.media_elt>ogvjs, */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
349 /* div.media_player:fullscreen>div.media_elt>video */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
350 /* { */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
351 /* height: 100%; */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
352 /* } */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
353 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
354 div.media_player { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
355 position: relative; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
356 background-color: black; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
357 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
358 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
359 div.media_overlay_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
360 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
361 top: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
362 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
363 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
364 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
365 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
366 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
367 div.media_overlay_play>.icon { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
368 height: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
369 width: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
370 font-size: 10rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
371 color: #eee; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
372 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
373 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
374 div.media_player.in_use>div.media_overlay_play { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
375 display: none !important; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
376 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
377 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
378 div.media_player .media_pause, div.media_player .media_sound_off, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
379 div.media_player .media_resize_small { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
380 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
381 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
382 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
383 div.media_player.playing .media_pause { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
384 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
385 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
386 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
387 div.media_player.playing .media_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
388 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
389 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
390 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
391 div.media_player.muted .media_sound_off { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
392 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
393 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
394 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
395 div.media_player.muted .media_sound_on { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
396 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
397 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
398 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
399 div.media_player:fullscreen .media_resize_small { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
400 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
401 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
402 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
403 div.media_player:fullscreen .media_resize_full { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
404 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
405 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
406 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
407 div.media_controls { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
408 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
409 bottom: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
410 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
411 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
412 margin: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
413 background-color: #000A; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
414 color: #eee; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
415 z-index: 150; |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
416 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
417 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
418 div.media_controls progress { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
419 cursor: pointer; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
420 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
421 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
422 div.media_player.playing:hover>.media_controls, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
423 div.media_player.playing>.media_controls.hidden:hover |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
424 { |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
425 opacity: 1; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
426 transition: opacity 0.5s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
427 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
428 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
429 div.media_player.playing>.media_controls, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
430 div.media_player.playing>.media_controls.hidden { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
431 opacity: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
432 transition: opacity 2s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
433 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
434 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
435 div.media_player .media_controls .icon:hover { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
436 background-color: #777; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
437 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
438 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
439 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
440 div.media_player .timer { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
441 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
442 width: 5em; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
443 text-align: center; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
444 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
445 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
446 div.media_player.no_fullscreen>div.media_controls>div.click_to_fullscreen { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
447 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
448 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
449 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
450 |
252 | 451 /************* |
452 * slideshow * | |
453 *************/ | |
454 | |
455 .slideshow { | |
456 position: absolute; | |
457 top: 0; | |
458 left: 0; | |
459 width: 100vw; | |
460 height: 100vh; | |
461 background-color: black; | |
462 color: white; | |
463 z-index: 100; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
464 overflow: hidden; |
252 | 465 } |
466 | |
467 div.slideshow>button.delete { | |
468 z-index: 100; | |
469 background-color: var(--grey-light); | |
470 position: absolute; | |
471 top: 1rem; | |
472 right: 2rem; | |
473 } | |
474 | |
475 div.slideshow>div.click_to_comment { | |
476 z-index: 100; | |
477 position: absolute; | |
478 right: 1.7rem; | |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
479 bottom: 3rem; |
252 | 480 cursor: pointer; |
481 } | |
482 | |
483 div.slideshow>div.comments__count { | |
484 z-index: 100; | |
485 position: absolute; | |
486 right: 1.7rem; | |
487 bottom: 0.5rem; | |
488 font-weight: bold; | |
489 } | |
490 | |
491 .swiper-slide { | |
492 display: flex; | |
493 align-items: center; | |
494 justify-content: center; | |
495 } | |
496 | |
497 .swiper-container { | |
498 height: 100%; | |
499 width: 100%; | |
500 } | |
501 | |
502 .swiper-button-prev { | |
253 | 503 left: 2.1rem !important; |
252 | 504 color: #f1f1f1 !important; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
505 z-index: 150; |
252 | 506 } |
507 | |
508 .swiper-button-next { | |
253 | 509 right: 2.1rem !important; |
252 | 510 color: #f1f1f1 !important; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
511 z-index: 150; |
252 | 512 } |
513 | |
514 .slide_img { | |
515 max-height: 100%; | |
516 max-width: 100%; | |
517 } | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
518 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
519 .slide_video { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
520 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
521 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
522 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
523 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
524 div.slideshow.flag_no_pagination>div.swiper-container>div.swiper-pagination { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
525 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
526 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
527 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
528 div.slideshow.flag_no_scrollbar>div.swiper-container>div.swiper-scrollbar { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
529 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
530 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
531 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
532 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
533 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
534 * progression * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
535 ***************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
536 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
537 .progress_started img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
538 filter: grayscale(100%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
539 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
540 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
541 .progress_finished img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
542 filter: grayscale(0%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
543 transition: filter 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
544 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
545 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
546 .progress_finished progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
547 height: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
548 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
549 transition: all 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
550 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
551 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
552 .progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
553 transition: width 5s ease; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
554 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
555 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
556 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
557 /********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
558 * drawer * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
559 **********/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
560 |
230 | 561 |
562 .panel-drawer { | |
563 /* A panel which is hidden by default but can be | |
564 opened when it's clicked */ | |
565 max-height: 0; | |
566 opacity: 0; | |
567 overflow: hidden; | |
568 transition: max-height 0.5s, opacity 0.5s; | |
569 } | |
570 | |
571 .panel-drawer.state_clicked { | |
572 opacity: 1; | |
573 } | |
574 | |
575 /******** | |
576 * code * | |
577 ********/ | |
578 | |
579 .highlight { | |
580 overflow: auto; | |
581 } | |
582 | |
583 /********** | |
584 * blocks * | |
585 **********/ | |
586 | |
587 .block_separator { | |
588 font-size: 1.4em; | |
589 display: flex; | |
590 margin: 1rem 0; | |
591 } | |
592 | |
593 .block_separator__label { | |
594 display: inline-block; | |
595 margin: 0 0.2em; | |
596 } | |
597 | |
598 .block_separator__line { | |
599 height: 1px; | |
600 background: #ccc; | |
601 flex: 1; | |
602 margin-top: 0.7em; | |
603 } | |
604 | |
605 /******** | |
606 * tabs * | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
607 ********/ |
230 | 608 |
609 #tab_guests { | |
610 overflow: auto; | |
611 } | |
612 | |
613 .tab__page { | |
614 display: None; | |
615 } | |
616 | |
617 .tab__page.state_clicked { | |
618 display: block; | |
619 } | |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
620 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
621 /********* |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
622 * icons * |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
623 *********/ |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
624 |
361
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
625 .svg-icon { |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
626 fill: currentColor; |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
627 } |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
628 |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
629 .icon_animate_spin { |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
630 animation: spin 2s infinite linear; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
631 display: inline-block; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
632 } |
293
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
633 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
634 @keyframes spin { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
635 0% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
636 transform: rotate(0deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
637 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
638 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
639 100% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
640 transform: rotate(359deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
641 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
642 } |
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
643 |
385
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
644 /******************* |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
645 * common features * |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
646 ******************/ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
647 |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
648 .reaction { |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
649 border-radius: 12px; /* Rounded background */ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
650 cursor: pointer; /* Pointer cursor for the entire reaction */ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
651 border: 1px solid #dbdbdb; /* Discreet but visible border */ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
652 } |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
653 |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
654 .reaction .emoji { |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
655 margin-right: .5rem; /* Space between emoji and counter using rem unit */ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
656 } |
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
657 |
390
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
387
diff
changeset
|
658 .own-reaction { |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
387
diff
changeset
|
659 border-color: #3273dc; |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
387
diff
changeset
|
660 } |
38635d393089
bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents:
387
diff
changeset
|
661 |
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
662 /************** |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
663 * animations * |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
664 *************/ |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
665 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
666 /* Fade In */ |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
667 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
668 @keyframes fade-in { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
669 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
670 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
671 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
672 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
673 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
674 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
675 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
676 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
677 .fade-in { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
678 animation: fade-in 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
679 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
680 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
681 @keyframes fade-in-x { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
682 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
683 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
684 transform: scaleX(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
685 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
686 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
687 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
688 transform: scaleX(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
689 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
690 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
691 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
692 .fade-in-x { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
693 animation: fade-in-x 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
694 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
695 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
696 @keyframes fade-in-y { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
697 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
698 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
699 transform: scaleY(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
700 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
701 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
702 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
703 transform: scaleY(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
704 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
705 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
706 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
707 .fade-in-y { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
708 animation: fade-in-y 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
709 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
710 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
711 @keyframes fade-in-xy { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
712 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
713 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
714 transform: scale(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
715 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
716 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
717 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
718 transform: scale(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
719 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
720 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
721 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
722 .fade-in-xy { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
723 animation: fade-in-xy 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
724 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
725 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
726 /* Fade Out */ |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
727 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
728 @keyframes fade-out { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
729 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
730 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
731 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
732 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
733 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
734 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
735 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
736 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
737 .fade-out { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
738 animation: fade-out 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
739 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
740 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
741 @keyframes fade-out-x { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
742 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
743 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
744 transform: scaleX(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
745 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
746 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
747 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
748 transform: scaleX(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
749 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
750 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
751 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
752 .fade-out-x { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
753 animation: fade-out-x 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
754 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
755 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
756 @keyframes fade-out-y { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
757 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
758 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
759 transform: scaleY(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
760 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
761 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
762 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
763 transform: scaleY(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
764 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
765 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
766 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
767 .fade-out-y { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
768 animation: fade-out-y 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
769 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
770 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
771 @keyframes fade-out-xy { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
772 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
773 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
774 transform: scale(1); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
775 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
776 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
777 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
778 transform: scale(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
779 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
780 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
781 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
782 .fade-out-xy { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
783 animation: fade-out-xy 0.5s ease-in forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
784 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
785 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
786 /* Slide In */ |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
787 @keyframes slide-in { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
788 0% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
789 transform: translateY(100%); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
790 opacity: 0; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
791 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
792 100% { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
793 transform: translateY(0); |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
794 opacity: 1; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
795 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
796 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
797 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
798 .slide-in { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
799 animation: slide-in 0.5s ease-in-out forwards; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
800 } |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
801 |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
802 .animation-reverse { |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
803 animation-direction: reverse; |
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
804 } |
385
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
805 |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
806 /*************** |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
807 * third party * |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
808 **************/ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
809 |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
810 emoji-picker { |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
811 width: 100%; |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
812 /* height: 30rem; */ |
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
381
diff
changeset
|
813 } |