summaryrefslogtreecommitdiff
path: root/addons/web_editor/static/src/scss
AgeCommit message (Collapse)Author
2020-10-22[FIX] web_editor: restore overlay top options on top of the pageqsm-odoo
When the overlay covers a snippet, if that snippet is at the top of the page, the options at the top of the overlay are hidden. A system was made to make them change position in that case but this was broken by [1], leaving the toggling of a class for that case but without its related scss. This commit restores that scss and also improves the detection of that problematic case. [1]: https://github.com/odoo/odoo/commit/4f27e52cabb77b8b1a9637a11185ddf882adc9af closes odoo/odoo#60464 X-original-commit: 97f11571f9e3deacc9b9e1dc0d2cc8fc6b93f15c Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-10-19[FIX] web_editor: do not allow we-checkbox to shrink below checkbox sizeqsm-odoo
E.g. the scrolltop button option has a checkbox followed by a select on the same row and the checkbox was partly cut because of it. Part of https://github.com/odoo/odoo/pull/60271 task-2312878
2020-10-19[FIX] web_editor: fix select with we-titleBenjamin Vray
Before this commit, line height on items in a select was not applied if the items were in a we-title tag (this is the case when using the string attribute on we-button instead of text content). Part of https://github.com/odoo/odoo/pull/60271 task-2312878
2020-10-19[FIX] web_editor: fix width of SVG images in media dialogJeremy Kersten
This solves an issue with svg images from Isometric for example. The media dialog assigns width to its displayed images thanks to the flex-basis and flex-grow properties of their container, based on the aspect ratio of each image. This was done correctly for SVG images too. However, after assigning a nice space for a specific SVG image, the image itself was not made to fill that assigned space... it only worked if the natural width of the image was higher than the assigned space. This was of course more obvious with SVG files with no intrinsic width as they would simply not appear. closes odoo/odoo#60193 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com> Co-authored-by: qsm-odoo <qsm@odoo.com>
2020-10-13[FIX] web_editor: remove useless code breaking the editor scrollingqsm-odoo
Since the editor panel is placed on the right, the content was not possible to scroll when in a iframe, like for mass mailing. This was because of some strange code introduced with [1]. As the problem the mentioned commit says fixing is still fixed without that code, I see no reason to keep this... especially since it may introduce difference between readonly and editmode content. [1]: https://github.com/odoo/odoo/commit/f9bf408a827fa86323bc2d1891cb5173b4781e7b closes odoo/odoo#59902 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-10-07[IMP] web_editor: replace some bottom shape colors with transparentSamuel Degueldre
Previously, rainy 05 and wavy 06 had a bottom color with a hard edge. This means that in order to not have a harsh color transition in the section, the user would have to match the bottom color to the background color of the section or vice versa. This commit makes it so that this color is transparent by default instead. This means that the user can now simply choose the background color and have the same result, without having to configure two separate colors. Part of: odoo/odoo#58333 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-10-07[FIX] web_editor: reduce clickable area of checkboxes in editor panelqsm-odoo
Before this commit the clickable zone of a checkbox in the editor was all the width of the panel. After this commit, the clickable zone is only the label width + the checkbox width. Also, the active and hover states of the label have been removed to not confuse the user. task-2312878 closes odoo/odoo#59240 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-10-06[FIX] web_editor: allow to go the parent snippet more easilyqsm-odoo
Before this commit to select a parent snippet you had to click on its title in the editor panel. After this commit, we can still click on the title but also on the whole line. At the same time, make it so the title has a pointer cursor and so that long titles work too. task-2327182 closes odoo/odoo#56986 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com> Co-authored-by: Benjamin Vray <bvr@odoo.com>
2020-09-29[FIX] website, *: fix background layer elsewhere than in a sectionBenjamin Vray
*: web_editor Before this commit, the elements (other than section) and with the background layer options avaible (shape, color filter, etc.) did not have the relative position added on their children. So all the children were hidden behind the layer element which is in absolute position. Part of https://github.com/odoo/odoo/pull/58850 task-2312878
2020-09-29[FIX] website_blog, web_editor: fix tag layout issue in blogBenjamin Vray
Before this commit the layout of the front-end edition of tags in blog was broken. And the default value of the select element was not filled. We fixed those design issues and also improve some small design details. And for the select issue, we add a return value in the computeWidgetState of the addTag method because even if the value will still be empty we need to return something because we want the select to be filled by the default value of setValue() wich is "/". task-2312878 closes odoo/odoo#58307 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-29[FIX] web_editor: fix remove btn z-index in media dialogBenjamin Vray
Add a z-index on remove btn in media dialog because before that the button was hidden behind images. Also review a little bit the style of the button. task-2312878 closes odoo/odoo#58815 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-29[FIX] web_editor: restore background and foreground color previews againqsm-odoo
This was fixed in 13.0 and forward-ported twice in 14.0 with [1] and [2] But the combination of the two commit were messed up. [1]: https://github.com/odoo/odoo/commit/225ec35e50b5d71fa795f64cb9a9a6c2ceda7631 [2]: https://github.com/odoo/odoo/commit/19be84634d394f47ceb882c5ddd24585f31b50ae closes odoo/odoo#58768 Related: odoo/enterprise#13659 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-28[FIX] web_editor: restore background and foreground color previewsqsm-odoo
closes odoo/odoo#58727 X-original-commit: ee8cd9952736d9ea57609e218e3479963785a78d Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-28[FIX] web_editor: restore background and foreground color previewsqsm-odoo
Forward-port of [1] for the custom text tools for the website editor. Still has to be improved with the future text tools. [1]: https://github.com/odoo/odoo/pull/58690 Part of https://github.com/odoo/odoo/pull/58638 closes odoo/odoo#58638 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-28[FIX] web_editor: review temporary text tools designstefanorigano (SRI)
The text tools are being reworked with the new editor. Meanwhile, this commit will get closer to the desired design with a pure CSS solution. Part of https://github.com/odoo/odoo/pull/58638
2020-09-28[FIX] web_editor, *: show text tools in style tab onlyqsm-odoo
*: website As the text editor is still the summernote one, this improvement was made possible through a series of hack. It has to be reviewed once the new editor is ready. This makes the text tools only appear in the style tab by switching to it as soon as the summernote tools are updated. To prevent flickering, css and js hacks had to be made. This also moves the undo/redo buttons in the top bar with another hack: those simulates click on the hidden summernote ones. Part of https://github.com/odoo/odoo/pull/58638
2020-09-28[IMP] web_editor, *: automatically increase default link color contrastqsm-odoo
*: website Inside a color combination (or outside, as considered the same as inside color combination number 1), the link color can be configured. It is set by themes to one of the 5 theme colors. Sometimes, no color of those 5 colors contrast enough with the color combination's background and we accepted that before, relying on the fact the user can change the link color if he wants too. Now we automatically increase the contrast of those link colors, except if the user overrides it. This system might be extended to all foreground colors in the future but the system has to be improved for that. closes odoo/odoo#58538 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-28[FIX] web_editor, website: fix menu colors in table of contentBenjamin Vray
Before this commit, the colors of the navbar in the table of content menu were not adapted to the color combinations system. With navbar in top position, the background and the colors of the links were using the same color. After this commit, the colors of the list-group-item links are also adapted with color combinations. task-2312878 closes odoo/odoo#58601 X-original-commit: a0dc17676c570887773854243bcb8cd8823359d5 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-24[FIX] website, *: review modal behaviors with right-panelizationqsm-odoo
*: web, web_editor Since the right-panelization made with [1], the modals were not compensating the body scrollbar when opened anymore and the backdrop was misplaced. This commit fixes the problems generically, to support modals with non-body scrolling. [1]: https://github.com/odoo/odoo/pull/57975 closes odoo/odoo#58414 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-18[FIX] web_editor: buttons on snippet moveLaurent Stukkens (LTU)
task-2312878 closes odoo/odoo#56276 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-22[FIX] web_editor: handle text selectionstefanorigano (SRI)
task-2335267 part-of: #57942
2020-09-22[FIX] web_editor: collapsible component, adjust designstefanorigano (SRI)
task-2335267 part-of: #57942
2020-09-22[FIX] web_editor, website: reword theme options, highlight <we-title>stefanorigano (SRI)
Reword some theme options, highlight <we-title> components when used as a "sub-section" titles. task-2335267 part-of: #57942
2020-09-22[FIX] web_editor: dropdown pager, use default colorsstefanorigano (SRI)
task-2335267 part-of: #57942
2020-09-22[FIX] web_editor: color-combination preview items alignmentstefanorigano (SRI)
task-2335267 part-of: #57942
2020-09-22[FIX] web_editor, website: color-combination preview misleading designstefanorigano (SRI)
Adjust shadows/borders in order to make the color-combination box stand-up. task-2335267 part-of: #57942
2020-09-22[FIX] web_editor: snippets library search bar, design adaptationsstefanorigano (SRI)
task-2335267 part-of: #57942
2020-09-22[FIX] web_editor, website: fix fullscreen mode with right panelqsm-odoo
Since [1], the editor panel is now on the right. The fullscreen mode was not adapted correctly. [1]: https://github.com/odoo/odoo/pull/57975 closes odoo/odoo#58222 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-22[FIX] website, *: properly stack the bg layers for big boxes snippetqsm-odoo
*: web_editor The big boxes snippet's content was appearing below the background layers (filters, shape, video, etc). Part of https://github.com/odoo/odoo/pull/58192
2020-09-22[IMP] web_editor, website, *: move text tools in snippets panelqsm-odoo
*: website_event, test_website This commit is a series of hacks. The goal is to move the summernote text tools to the editor panel for the website editor. All the code to use the text tools in a top bar is kept (mass mailing, etc) and the text tools are placed at the right place for website in an ugly way. This is obviously temporary, until we can implement those text tools more generically and in a better way thanks to the new editor. Part of https://github.com/odoo/odoo/pull/57975 task-2344227 closes odoo/odoo#57975 Related: odoo/design-themes#364 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-22[IMP] web_editor, *: move the left panel to the rightqsm-odoo
*: website, mass_mailing See parent commit for information about the scrollbar moved to the '#wrapwrap' element, which was necessary to achieve this right panel design. Note: in the future, having the scroll on the #wrapwrap may not be necessary anymore as the edition might be done in an iframe. Part of https://github.com/odoo/odoo/pull/57975 task-2344227
2020-09-18[IMP] web_editor: adapt search styleJeremy Kersten
task-2329096 .2
2020-09-16[IMP] web_editor, *: make media-dialog search odoo media-librarySamuel Degueldre
*: website, web_unsplash, website_blog We have recently created an odoo media library that exposes a public API for searching for open-source media, including dynamic SVGs that can be used with the dynamic background-shape system to create illustrations whose colors can be changed by the user. This commit adds the corresponding client-side functionalty: search for the images in the media-library, creating a corresponding attachment when selected, as well as an option to customize the colors of the dynamic SVGs. In the process, adaptations have been made in the web_unsplash module to avoid duplicating code and to adapt code that was making assumptions that are no longer valid. To make new users more aware of this feature, all default images have been hidden from the media-dialog, so that the user is prompted so search for images. Some tests and tours that were relying on having default images in the media-dialog (eg in website_blog) have been adapted to match. task-2316651 Linked to: odoo/iap-apps#235 closes odoo/odoo#56479 Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
2020-09-16[IMP] web_editor, website: improve editor loading effectsqsm-odoo
- Share the code for tab switching loading and slow option loading. - Now add a loading effect over the content when the content is changed and a loading effect over the editor panel when the editor panel is being changed Part of https://github.com/odoo/odoo/pull/55614 task-2213114 closes odoo/odoo#55614 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-09-10[FIX] web_editor: make 'Save' tooltip visibleCocographique
2020-09-04[FIX] web_editor: various shape fixes (hide on mobile, bad joint, ...)Samuel Degueldre
This commit fixes various things with the shapes: shapes are now hidden on mobile by default, the shapes "blobs 02" and "blobs 03" now connect properly, and the shape pager now shows the name of the current page. Airy shapes now have embedded media-queries so that they're more visible in the shape selector. The order of the pages in the shape selector has been adapted so that shapes that are easier to use are on the first few pages. A number of shapes have been "cut" differently to leave more space for content, and some shapes have had their top/bottom anchoring swapped. task-2319484 closes odoo/odoo#56567 Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
2020-08-27[IMP] web_editor: limit dropdown's thumbs sizestefanorigano (SRI)
Part of https://github.com/odoo/odoo/pull/56427 task-2264627
2020-08-27[IMP] website: add footer "scroll-to-top" button optionqsm-odoo
Part of https://github.com/odoo/odoo/pull/56427 task-2264627 Co-authored-by: stefanorigano (SRI) <sri@odoo.com> Co-authored-by: Cocographique <nmi@odoo.com>
2020-08-22[FIX] web_editor: fix snippet top optionsBenjamin Vray
Before this commit some top option buttons were badly positioned (see Carousel options). task-2312878 closes odoo/odoo#55988 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-08-22[IMP] web_editor, website: introduce foldable zones in the editor UIqsm-odoo
Now any set of widgets and rows can be placed in a we-collapse element so that those elements can be foldable. The first element inside (or the mentioned "string" on the we-collapse element itself) is used as the always shown element (with a toggler on its left to toggle the visibility of the other items). we-collapse inside other we-collapse is supported as well. Limitations / Other infos: - The use of '⌙' and &emsp; characters is not automatic (yet?). Sometimes it actually make sense to use them without a we-collapse or to not use them in a we-collapse. - The use of we-collapse is limited to widgets inside the same option. So unfortunately, there is no current way to add all bg image options in a folable section as those contain many different options. Maybe in the future. Part of https://github.com/odoo/odoo/pull/56350 closes odoo/odoo#56350 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-08-22[FIX] web_editor: allow we-title alone in an optionqsm-odoo
It was already working but not perfectly aligned. Part of https://github.com/odoo/odoo/pull/56350
2020-08-17[IMP] web_editor: add delete button on snippet overlayqsm-odoo
This commit adds a trash icon on the snippet overlay to delete the snippet without using the left panel button. task-2314805 closes odoo/odoo#55612 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-08-14[IMP] web_editor: review 'o_we_image_weight' designstefanorigano (SRI)
Part of https://github.com/odoo/odoo/pull/55959 task-2157252 closes odoo/odoo#55959 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2020-08-14[IMP] web_editor, website, *: adjust general ui spacing/alignmentstefanorigano (SRI)
*: website_form Part of https://github.com/odoo/odoo/pull/55959 task-2157252
2020-08-14[IMP] web_editor, *: add caret icon to dropdowns & colorpicker modalqsm-odoo
*: website Part of https://github.com/odoo/odoo/pull/55959 task-2157252 Co-authored-by: stefanorigano (SRI) <sri@odoo.com>
2020-08-14[IMP] web_editor: refine overlay handlers design and behaviorstefanorigano (SRI)
Part of https://github.com/odoo/odoo/pull/55959 task-2157252
2020-08-14[IMP] web_editor: allow 'we-button-group' to increase its sizestefanorigano (SRI)
Allow 'we-button-group' to increase its size when it's the only option inside an option field. Part of https://github.com/odoo/odoo/pull/55959 task-2157252
2020-08-14[IMP] web_editor, *: make general adaptations of the editor UIstefanorigano (SRI)
*: website Part of https://github.com/odoo/odoo/pull/55959 task-2157252
2020-08-14[IMP] web_editor: increase font-size/spacing of the editor UIstefanorigano (SRI)
11px was set as default font-size when achieving 5 or 6 edition levels in the sidebar was the norm. Thanks to the snippet's cleanup, resulting in a reduced number of editable elements, we can now increase the default fon-size and, consequentially, all general spacings. Part of https://github.com/odoo/odoo/pull/55959 task-2157252
2020-08-14[IMP] web_editor, *: review 'options' tab specific components designstefanorigano (SRI)
*: website Part of https://github.com/odoo/odoo/pull/55959 task-2157252