Customize flow’s tooltips box

Version 1.1 by mrochelle on 2020/08/06 12:12


You can modify the design of a flow's tooltip by playing with the css
https://lh4.googleusercontent.com/YbczfVaGI8AXvdnxE1SOiKjJ8BqNuWel5nwQCguq6xdLxLD-2B-V2XoYX2Jj9tRkEca1RdyRSMigJJw6pfPYV2Vi-bPZ4tPgZZGZBZSTSxKtQ4b02-WiFTEedY3MoC79HlQ0-2JlVYs

Update the styles management

Create a new file or directly update the digdash css main file.
https://lh4.googleusercontent.com/xYWK-X-fggP2muazL5Mi541XfFYUp83yPmZZtpFE5R1zrWytDtWjM8Lkj1c9U5gmeS_JNU1RHSGj1thPTUv_-s4q47WiGvcl5_w8gAoVhS7VhaOvbLoxB5UBnC4fl285V-7SwdGLoak

Add the css below.

CSS

Update properties of captionBox class.
Add !important instruction to each line
For instance:
.captionBox
{
   fill:rgb(0, 51, 134) !important;
   fill-opacity:0.80 !important;
   stroke-width: 0.6 !important;
   stroke: #FFF! important;
}