diff options
| author | laa <laa@odoo.com> | 2019-11-18 12:27:45 +0000 |
|---|---|---|
| committer | Thibault Delavallée <tde@odoo.com> | 2019-11-20 14:59:07 +0000 |
| commit | 92cc770c9064958fc815fe08ee234af87d2cd276 (patch) | |
| tree | f6a98b356daa595372965f53d3735ef97507706d /addons/website_slides/static/src | |
| parent | a8449773dc3b9e2472fa964f820d9a4b199c123a (diff) | |
[IMP] website_slides: indicate new content on courses to users
Purpose of this commit is to help users knowing there is new content in a
course by adding a visual insight. It is done through a new content arrow
displayed in courses homepage.
Regarding the file "website_slides_templates_homepage.xml", the choice to
incorporate the t-call attribute into a 't' balise was necessary to display
the customize option (part front) associated with the model course_card.
Side dish usability improvements raised during development
* display completed courses as last instead of first in "my courses";
* do not show promote strategy field for training courses as it has no
use, only for documentation courses;
TASK ID 2025186
Closes PR #36703
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
Diffstat (limited to 'addons/website_slides/static/src')
| -rw-r--r-- | addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js | 4 | ||||
| -rw-r--r-- | addons/website_slides/static/src/scss/website_slides.scss | 29 |
2 files changed, 31 insertions, 2 deletions
diff --git a/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js b/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js index 604170b646a..1a2d217a727 100644 --- a/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js +++ b/addons/website_slides/static/src/js/slides_slide_toggle_is_preview.js @@ -19,9 +19,9 @@ odoo.define('website_slides.slide.preview', function (require) { }).then(function (isPreview) { if (isPreview) { $slideTarget.removeClass('badge-light badge-hide border'); - $slideTarget.addClass('badge-success'); + $slideTarget.addClass('badge-success py-1'); } else { - $slideTarget.removeClass('badge-success'); + $slideTarget.removeClass('badge-success py-1'); $slideTarget.addClass('badge-light badge-hide border'); } }); diff --git a/addons/website_slides/static/src/scss/website_slides.scss b/addons/website_slides/static/src/scss/website_slides.scss index 8e539e62787..cd02d6eaedd 100644 --- a/addons/website_slides/static/src/scss/website_slides.scss +++ b/addons/website_slides/static/src/scss/website_slides.scss @@ -29,6 +29,35 @@ $o-wslides-fs-side-width: 300px; } } +.o_wslides_arrow { + position: absolute; + height: 24px; + margin-left: -5px; + margin-top: 10px; + line-height: 1.8em; + padding-left: 8px; + padding-right: 5px; + background: #17A2B8; + color: white; + box-shadow: 0px 0px 3px gray; + z-index: 1; + + text-decoration: none; + + &:after { + // the triangle + content: ""; + position: absolute; + height: 0px; + width: 0px; + right: 0; + margin-right: -15px; + border-left: 15px solid #17A2B8; + border-bottom: 12px solid transparent; + border-top: 12px solid transparent; + } +} + .o_wslides_body { background-color: $o-wslides-color-bg; |