diff --git a/addons/website_slides/static/src/js/slides_embed.js b/addons/website_slides/static/src/js/slides_embed.js
index edcaca7eccb..b5ea4325375 100644
--- a/addons/website_slides/static/src/js/slides_embed.js
+++ b/addons/website_slides/static/src/js/slides_embed.js
@@ -32,6 +32,7 @@ $(document).ready(function () {
this.$('canvas').show();
this.$('#page_count').text(this.pdf_viewer.pdf_page_total);
this.$('#PDFViewerLoader').hide();
+ this.$('#PDFViewerLoader').toggleClass('d-flex');
if (this.pdf_viewer.pdf_page_total > 1) {
this.$('.o_slide_navigation_buttons').removeClass('hide');
}
diff --git a/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss b/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss
index b377c7c3ca2..d4a5cbd7105 100644
--- a/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss
+++ b/addons/website_slides/static/src/scss/slides_slide_fullscreen.scss
@@ -1,12 +1,6 @@
-$o-wslides-color-bg: desaturate(map-get($grays, "200"), 80%);
-$o-wslides-color-dark1: #47525f;
-$o-wslides-color-dark2: #1f262d;
-$o-wslides-color-dark3: #101216;
-$o-wslides-fs-side-width: 300px;
$o-wslides-tabs-height: 36px;
-
.o_wslides_fs_main {
@include o-position-absolute(0,0,0,0);
z-index: 2000;
diff --git a/addons/website_slides/static/src/scss/website_slides.scss b/addons/website_slides/static/src/scss/website_slides.scss
index 1a4814fd4ac..9cbdef9fc87 100644
--- a/addons/website_slides/static/src/scss/website_slides.scss
+++ b/addons/website_slides/static/src/scss/website_slides.scss
@@ -5,6 +5,13 @@ $MAX-Z-INDEX : 2147483647 !default;
$gray-50: #f4f4f4 !default;
$o-enterprise-radient-color: #62495B !default;
+$o-wslides-color-bg: desaturate(map-get($grays, "200"), 80%);
+$o-wslides-color-dark1: #47525f;
+$o-wslides-color-dark2: #1f262d;
+$o-wslides-color-dark3: #101216;
+$o-wslides-fs-side-width: 300px;
+
+
.o_wslides_gradient {
background-image: linear-gradient(120deg, #875A7B, darken(#875A7B, 10%));
}
@@ -331,95 +338,27 @@ $o-enterprise-radient-color: #62495B !default;
}
}
-// Old brol to clean someday
+// Embed PDFViewer
// **************************************************
+#PDFViewer.o_wslides_fs_pdf_viewer {
+ background-image: linear-gradient(120deg, $o-wslides-color-dark2, $o-wslides-color-dark3);
-.oe_slides_panel_footer .fa, .oe_slide_js_embed_option_link{
- color : theme-color('primary');
- cursor: pointer;
-}
+ #PDFViewerNav {
+ background-image: linear-gradient(120deg, $o-wslides-color-dark1, $o-wslides-color-dark2);
+ }
-.oe_slide_embed_option {
- position: absolute;
- padding: 30px 30px 30px 30px;
- top: 0px;
- left: 0px;
- right: 0px;
- bottom: 0px;
- background-color: $body-bg;
- opacity: 1;
- display:none;
- overflow-y: auto !important;
-}
+ .oe_slides_panel_footer a, .oe_slides_share_bar a {
+ @include o-hover-text-color(rgba(white, 0.7), white);
-.oe_slides_apart_small {
- height: 60px;
- width: 90px;
- object-fit: cover;
- object-position: top;
-}
+ &.disabled {
+ @include o-hover-text-color(rgba(white, 0.2), rgba(white, 0.2));
+ cursor: default;
+ }
+ }
-.oe_slides_statistics_title {
- border-bottom: 1px solid $nav-tabs-border-color;
- padding-bottom: 5px;
-}
-.oe_slides_transcript {
- overflow-y: auto;
- max-height: 500px;
-}
-
-// Thumbnails
-.oe_slides_ellipsis {
- white-space: nowrap;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis
-}
-
-.o_slide_preview {
- max-height: 160px;
- overflow: hidden;
-}
-
-// Suggested slides grid
-.oe_slides_suggestion_caption {
- position:absolute;
- top:0;
- right:0;
- background:rgba(10, 10, 10, 0.75);
- width:100%;
- height:100%;
- display: none;
- text-align:center;
- color:#fff !important;
- z-index:2;
-}
-
-.oe_slides_suggestion_media {
- margin-top: 10px;
- position: relative;
-}
-.oe_slides_suggestion_media img {
- height: 33%;
- width: 100%;
- overflow: hidden;
-}
-
-// PDF Viewer Loader
-.oe_slides_loader{
- position: relative;
- width: 100%; /* for IE 6 */
-}
-.oe_slides_loader h4{
- position: absolute;
- bottom: 20px;
- left: 0;
- width: 35%;
-
- color: white;
- background: rgb(0, 0, 0); /* fallback color */
- background: rgba(0, 0, 0, 0.7);
- padding: 10px;
+ .oe_slide_embed_option {
+ @include o-position-absolute(0,0,0,0);
+ }
}
// Slide display
diff --git a/addons/website_slides/views/website_slides_templates_lesson_embed.xml b/addons/website_slides/views/website_slides_templates_lesson_embed.xml
index ac8ecbde8ec..286fd52fd5f 100644
--- a/addons/website_slides/views/website_slides_templates_lesson_embed.xml
+++ b/addons/website_slides/views/website_slides_templates_lesson_embed.xml
@@ -15,32 +15,28 @@
-
+
-
+
-
-
+
+
-
- Share
-
-
- Email
-
-
-
-