Wiki source code of Customize flow’s tooltips box
Version 1.1 by mrochelle on 2020/08/06 12:12
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{toc/}} | ||
2 | |||
3 | ---- | ||
4 | |||
5 | You can modify the design of a flow's tooltip by playing with the css | ||
6 | [[image:https://lh4.googleusercontent.com/YbczfVaGI8AXvdnxE1SOiKjJ8BqNuWel5nwQCguq6xdLxLD-2B-V2XoYX2Jj9tRkEca1RdyRSMigJJw6pfPYV2Vi-bPZ4tPgZZGZBZSTSxKtQ4b02-WiFTEedY3MoC79HlQ0-2JlVYs||height="384" width="643"]] | ||
7 | |||
8 | = Update the styles management = | ||
9 | |||
10 | Create a new file or directly update the digdash css main file. | ||
11 | [[image:https://lh4.googleusercontent.com/xYWK-X-fggP2muazL5Mi541XfFYUp83yPmZZtpFE5R1zrWytDtWjM8Lkj1c9U5gmeS_JNU1RHSGj1thPTUv_-s4q47WiGvcl5_w8gAoVhS7VhaOvbLoxB5UBnC4fl285V-7SwdGLoak||height="458" width="502"]] | ||
12 | |||
13 | Add the css below. | ||
14 | |||
15 | = CSS = | ||
16 | |||
17 | Update properties of captionBox class. | ||
18 | Add (% style="color:#f39c12" %)**!important**(%%) instruction to each line | ||
19 | For instance: | ||
20 | {{code language="css"}}.captionBox | ||
21 | { | ||
22 | fill:rgb(0, 51, 134) !important; | ||
23 | fill-opacity:0.80 !important; | ||
24 | stroke-width: 0.6 !important; | ||
25 | stroke: #FFF! important; | ||
26 | }{{/code}} |