diff options
| author | fja-odoo <fja@odoo.com> | 2019-10-31 17:36:53 +0000 |
|---|---|---|
| committer | fja-odoo <fja@odoo.com> | 2019-12-06 17:59:59 +0000 |
| commit | 92fdbec889ec5791b9c4abc949ddeeff8ffecaed (patch) | |
| tree | 8be3c3efc8e2382e1acabdc4179a535c641683a8 /addons/web_editor/static/src/scss | |
| parent | 6564c36c74a62716436de5231dbf12a4c984ce14 (diff) | |
[IMP] website, web_editor: add new chart snippet
Introducing a new snippet called Chart.
This snippet uses the lib https://www.chartjs.org/
6 types of graph are possible:
Bar vertical
Bar horizontal
Line
Pie
Doughnut
Radar
task-2092267
closes odoo/odoo#40051
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Diffstat (limited to 'addons/web_editor/static/src/scss')
| -rw-r--r-- | addons/web_editor/static/src/scss/wysiwyg_snippets.scss | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss index 019fb32fd3f..6f76811a704 100644 --- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss +++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss @@ -408,6 +408,47 @@ body.editor_enable.editor_has_snippets { } } + // Chart Snippet + we-matrix { + overflow-y: auto; + + table { + table-layout: fixed; + width: 100%; + + td, th { + text-align: center; + we-button { + display: inline-block; + color: white; + height: 100%; + + &.o_we_matrix_remove_col, &.o_we_matrix_remove_row { + display: none; + } + } + input { + border: 1px solid var(--o-we-bg-color-dark); + background-color: var(--o-we-bg-color-dark); + color: var(--o-we-color); + font-size: 12px; + width: 100%; + } + &:last-child { + width: 28px; + } + } + &.o_we_matrix_five_col { + width: auto; + td, th { + input { + width: 43px; + } + } + } + } + } + //---------------------------------------------------------------------- // Layout Utils //---------------------------------------------------------------------- |