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_responsive: public message chatter color

Browse Source 
We give a color clue to the users so they can better tell if they're
sending an internal note or a public message.

Dislaimer: we use the `has()` pseudo class mainly because is simpler to
implement and the support is quite extended right now. Even Firefox will
catch up soon (now it has support behing a config flag).

So users with compatible browser will enjoy it, while others will just stay
as they were.

TT44953
This commit is contained in:
David
2023-09-08 10:00:42 +02:00
parent 416eab933c
commit 095e1bdd59
6 changed files with 49 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web_responsive/static/src/legacy/scss/web_responsive.scss
View File

@@ -383,3 +383,13 @@ body:not(.o_statusbar_buttons) {
.w-26 {
width: 26%;
}
// Color clue to tell the difference between a note and a public message
.o_Chatter_composer {
// HACK: has() pseudo class is broadly supported in desktop, even FF will deploy
// full support soon (now it's available behind a config flag)
// https://caniuse.com/css-has
&:has(div.o_Composer_coreHeader) {
background-color: lighten($o-brand-primary, 40%);
}
}