Wiki source code of Customize flow’s tooltips box
Last modified by Aurelie Bertrand on 2021/08/25 17:08
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | {{toc/}} |
| 2 | |||
| 3 | ---- | ||
| 4 | |||
| 5 | You can modify the design of a flow's tooltip by playing with the css | ||
| |
7.1 | 6 | [[image:https://lh3.googleusercontent.com/ZrtEQIn-0JD6XcXu-dL7xWTQ3b1h4TILb4Gfjo5Co1SBshoIzUa5PUSR8sfjjeWletzyE6ajQK7ituhIDRiXo8r7GmcWVozTpqDu6hJievjTLYgdzWWvOnDRrt8J_lwHNVMfu8rVJcU||height="343px;" width="574px;"]] |
| |
1.1 | 7 | |
| |
7.1 | 8 | = Styles manager = |
| |
1.1 | 9 | |
| |
7.1 | 10 | * Create a new file or directly update the DigDash CSS main file. |
| |
1.1 | 11 | |
| |
7.1 | 12 | (% style="text-align: center;" %) |
| |
1.1 | 13 | |
| |
7.1 | 14 | [[image:1629903631224-304.png]] [[image:1629903701013-204.png]] |
| 15 | |||
| 16 | * Add the css below. | ||
| 17 | |||
| |
1.1 | 18 | = CSS = |
| 19 | |||
| |
7.1 | 20 | * Update properties of **##captionBox ##**class. |
| 21 | * Add (% style="color:#f39c12" %)##**!important **##(%%)instruction to the end of each line | ||
| 22 | |||
| |
1.1 | 23 | For instance: |
| |
7.1 | 24 | |
| 25 | {{code language="CSS"}} | ||
| 26 | .captionBox | ||
| |
1.1 | 27 | { |
| 28 | fill:rgb(0, 51, 134) !important; | ||
| 29 | fill-opacity:0.80 !important; | ||
| 30 | stroke-width: 0.6 !important; | ||
| |
7.1 | 31 | stroke: #FFF !important; |
| 32 | } | ||
| 33 | {{/code}} |