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 93441b44d3
commit d0abc2a9fd
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

@@ -464,3 +464,13 @@ html .o_web_client .o_action_manager .o_action {
ul.ui-autocomplete .dropdown-item.ui-menu-item-wrapper {
white-space: initial;
}
// 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%);
}
}