audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] web_widget_progressbar_color: Rename to web_widget_progressbar_gradient

Browse Source
This commit is contained in:
Denis Roussel
2024-11-14 13:33:49 +01:00
parent 9289bc8776
commit d09b4aabb8
20 changed files with 72 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web_widget_progressbar_gradient/static/src/scss/progressbar.scss Normal file
View File

@@ -0,0 +1,19 @@
div:has(div.o_progressbar_gradient) .o_progressbar .o_progress {
position: relative;
}
.o_progressbar .o_progress .o_progressbar_gradient {
height: 100%;
/* this will do the magic for masking the gradient */
-webkit-mask: linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0);
}
.o_progressbar .o_progress .o_progressbar_gradient::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to right, #198754, #ffc107, #dc3545);
}