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_gradient: Add inverse option

Browse Source 
Allows to reverse the gradient rendering
This commit is contained in:
Denis Roussel
2024-11-14 17:49:12 +01:00
parent d09b4aabb8
commit 966916a408
10 changed files with 65 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web_widget_progressbar_gradient/static/src/scss/progressbar.scss
View File

@@ -8,7 +8,8 @@ div:has(div.o_progressbar_gradient) .o_progressbar .o_progress {
-webkit-mask: linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0);
}
.o_progressbar .o_progress .o_progressbar_gradient::before {
.o_progressbar .o_progress .o_progressbar_gradient.o_inverse::before {
content: "";
position: absolute;
top: 0;
@@ -17,3 +18,13 @@ div:has(div.o_progressbar_gradient) .o_progressbar .o_progress {
bottom: 0;
background-image: linear-gradient(to right, #198754, #ffc107, #dc3545);
}
.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, #dc3545, #ffc107, #198754);
}