diff --git a/AUTHORS.md b/AUTHORS.md index 76d71d1292a..36686477121 100644 --- a/AUTHORS.md +++ b/AUTHORS.md @@ -99,3 +99,4 @@ If you have contributed to Kolibri, feel free to add your name and Github accoun | Vikramaditya Singh | Ghat0tkach | | Kris Katkus | katkuskris | | Garvit Singhal | GarvitSinghal47 | +| Mazen Oweiss | moweiss | diff --git a/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue b/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue index 498d58a187a..9f533324f7b 100644 --- a/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue +++ b/kolibri/plugins/slideshow_viewer/assets/src/views/SlideshowRendererComponent.vue @@ -81,7 +81,7 @@ import client from 'kolibri.client'; import responsiveElementMixin from 'kolibri.coreVue.mixins.responsiveElementMixin'; - import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin'; + import useKResponsiveWindow from 'kolibri-design-system/lib/useKResponsiveWindow'; import UiIconButton from 'kolibri-design-system/lib/keen/UiIconButton'; import CoreFullscreen from 'kolibri.coreVue.components.CoreFullscreen'; @@ -102,7 +102,14 @@ HooperPagination, HooperNavigation, }, - mixins: [responsiveElementMixin, responsiveWindowMixin], + mixins: [responsiveElementMixin], + setup() { + const { windowIsLarge, windowIsSmall } = useKResponsiveWindow(); + return { + windowIsLarge, + windowIsSmall, + }; + }, data: () => ({ isInFullscreen: false, slides: [],