diff options
| author | qsm-odoo <qsm@odoo.com> | 2020-05-28 10:04:43 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-06-02 09:42:19 +0000 |
| commit | d9c4d928f7c7e148d024cb56f53e6bfb98389f6d (patch) | |
| tree | 7f3a5a4a98065447a82f38cdfa52b1b87a47c5d5 /addons/web_editor/static/src/scss | |
| parent | 69190959ce8e08481be7ebdfefd314edf0c5dce1 (diff) | |
[IMP] web_editor, *: integrate new o_cc${xxx} classes in the colorpicker
*: website
Part of https://github.com/odoo/odoo/pull/45856
task-2197038
Diffstat (limited to 'addons/web_editor/static/src/scss')
| -rw-r--r-- | addons/web_editor/static/src/scss/wysiwyg_snippets.scss | 68 |
1 files changed, 64 insertions, 4 deletions
diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss index 97b4659535e..1631c70f075 100644 --- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss +++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss @@ -635,13 +635,55 @@ body.editor_enable.editor_has_snippets { } } +.o_we_cc_preview_container { + background-color: white !important; + background-image: url("/web_editor/static/src/img/transparent.png") !important; + font-family: sans-serif !important; + font-size: 16px !important; +} +.o_we_cc_preview_wrapper > * { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.o_we_color_combination_btn_text { + color: inherit !important; + font-family: inherit !important; + font-size: 0.8em !important; +} +.o_we_color_combination_btn_title { + font-size: 1em !important; +} +.o_we_color_combination_btn_btn { + padding: 0 1px !important; + border-radius: 2px !important; + font-size: 0.8em !important; +} + // SNIPPET OPTIONS .colorpicker { - padding: 3px; + .d-flex .btn.o_we_colorpicker_switch_pane_btn { + font-size: 0.8em !important; + + &.active { + border-bottom: 1px solid $o-we-handles-accent-color !important; + } + + + .o_colorpicker_reset { + border: 1px solid var(--o-we-color) !important; + border-radius: 2px !important; + font-size: 0.8em !important; + padding: 0 2px !important; + align-self: center; + } + + &:focus { + box-shadow: none; + } + } .o_colorpicker_sections { font-size: 14px; - button { + .o_we_color_btn, .o_we_color_combination_btn { float: left; width: percentage(1 / 8); padding-top: percentage(1 / 8); @@ -664,12 +706,30 @@ body.editor_enable.editor_has_snippets { } } + .o_we_color_combination_btn { + float: none; + width: 100%; + padding: 0; + margin: 0; + background-clip: padding-box; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + + > .o_we_cc_preview_wrapper { + padding: 8px; + } + + + .o_we_color_combination_btn { + margin-top: -4px; + } + } + .o_colorpicker_section { > :first-child { margin: 4px 0; } - button { + .o_we_color_btn { position: relative; &.selected::before { @@ -688,7 +748,7 @@ body.editor_enable.editor_has_snippets { } &[data-name="transparent_grayscale"], &[data-name="theme"], &[data-name="reset"] { - button { + .o_we_color_btn { @include o-alpha-button-preview; &::before, &::after { |