pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[REV] Revert "[FIX][IMP] web: fix ribbon CSS to allow its use on kanban"

Browse Source 
This reverts commit odoo/odoo@3d72a6a4d2 . This code is not used
as finally Kanban ribbon as a widget has not been added after review. Moreover
current use of ribbon classes in kanban is broken.

closes odoo/odoo#76292

X-original-commit: 4b853ad321d89075ef6151c64160a6e9db15c2e6
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
Thibault Delavallée
2021-09-09 20:19:16 +00:00
parent 11614b69cd
commit 262e45440b
1 changed files with 18 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/legacy/scss/ribbon.scss
+18 -49
View File
@@ -1,4 +1,6 @@
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
@@ -12,17 +14,30 @@
& span {
z-index: 1;
position: absolute;
display: grid;
align-items: center;
width: 225px;
height: 48px;
padding: 0 44px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
color: #fff;
font: 700 18px/1 'Lato', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-transform: uppercase;
text-align: center;
overflow: hidden;
user-select: none;
&.o_small {
font-size: 12px;
}
&.o_medium {
font-size: 15px;
}
}
&-top-right {
margin-top: -$o-sheet-vpadding;
right: 0;
&::before, &::after {
@@ -39,57 +54,11 @@
bottom: 0;
right: 0;
}
}
}
.o_form_view {
.ribbon {
width: 150px;
height: 150px;
& span {
position: absolute;
width: 225px;
height: 48px;
padding: 0 44px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
font: 700 18px/1 'Lato', sans-serif;
&.o_small {
font-size: 12px;
}
&.o_medium {
font-size: 15px;
}
}
&-top-right {
margin-top: -$o-sheet-vpadding;
& span {
left: -15px;
top: 30px;
transform: rotate(45deg);
}
}
}
}
.o_kanban_view {
.ribbon {
height: 25px;
& span {
width: fit-content;
height: 19px;
padding: 0 18px;
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
font: 700 9px/1 'Lato', sans-serif;
&.o_small {
font-size: 5px;
}
&.o_medium {
font-size: 7px;
}
left: -15px;
top: 30px;
transform: rotate(45deg);
}
}
}