diff options
| author | qsm-odoo <qsm@odoo.com> | 2016-09-23 10:57:24 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2016-09-23 11:16:16 +0200 |
| commit | c4ef26d1005ed784507409bf2b7ed9acbece0e88 (patch) | |
| tree | 853bfa81a0d34a97167b2f3d4281fb45daf40d88 /addons/web_editor/static/src | |
| parent | 6ee87f74f5408ca0151d9225a61393d85aaa7510 (diff) | |
[IMP] web_editor: mark dirty text to translate with the translated color
The content to translate is yellow and the translated content is green
in page translation mode. When the user starts translating a paragraph
it stayed yellow, making it difficult to see the remaining content to
translate when translating a big page.
This commit colors the dirty text in a paler green so that the user can
see the distinction.
Diffstat (limited to 'addons/web_editor/static/src')
| -rw-r--r-- | addons/web_editor/static/src/less/web_editor.ui.less | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.ui.less b/addons/web_editor/static/src/less/web_editor.ui.less index 00b6414bd16..4f1eb7dc4be 100644 --- a/addons/web_editor/static/src/less/web_editor.ui.less +++ b/addons/web_editor/static/src/less/web_editor.ui.less @@ -70,12 +70,17 @@ margin: 10px; padding: 4px; } -html[lang] > body.editor_enable{ - [data-oe-translation-state] { - background: rgba(255, 255, 90, 0.5) !important; +html[lang] > body.editor_enable [data-oe-translation-state] { + @o-color-content-to-translate: rgb(255, 255, 90); + @o-color-translated-content: rgb(120, 215, 110); + + background: fade(@o-color-content-to-translate, 50%)!important; + + &[data-oe-translation-state="translated"] { + background: fade(@o-color-translated-content, 50%)!important; } - [data-oe-translation-state="translated"] { - background: rgba(120, 215, 110, 0.5) !important; + &.o_dirty { + background: fade(@o-color-translated-content, 25%)!important; } } |