From 08d54211efedb03427e768d52eed930bc6b22f54 Mon Sep 17 00:00:00 2001 From: Suraj Date: Tue, 3 Sep 2024 15:30:16 +0530 Subject: [PATCH 01/14] style: update drop shadow depths. --- kolibri/core/assets/src/views/BottomNavigationBar.vue | 2 +- kolibri/core/assets/src/views/CoreBanner.vue | 2 +- kolibri/core/assets/src/views/SideNav.vue | 2 +- kolibri/core/assets/src/views/sortable/DragContainer.vue | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/kolibri/core/assets/src/views/BottomNavigationBar.vue b/kolibri/core/assets/src/views/BottomNavigationBar.vue index ee225641fc..18a8003095 100644 --- a/kolibri/core/assets/src/views/BottomNavigationBar.vue +++ b/kolibri/core/assets/src/views/BottomNavigationBar.vue @@ -123,7 +123,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; .bottom-bar { - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; position: fixed; right: 0; diff --git a/kolibri/core/assets/src/views/CoreBanner.vue b/kolibri/core/assets/src/views/CoreBanner.vue index 74738a21d9..b6ea9b241a 100644 --- a/kolibri/core/assets/src/views/CoreBanner.vue +++ b/kolibri/core/assets/src/views/CoreBanner.vue @@ -101,7 +101,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; .banner { - @extend %dropshadow-16dp; + @extend %dropshadow-4dp; position: relative; width: 100%; diff --git a/kolibri/core/assets/src/views/SideNav.vue b/kolibri/core/assets/src/views/SideNav.vue index a3bf7dad46..c8fb03d579 100644 --- a/kolibri/core/assets/src/views/SideNav.vue +++ b/kolibri/core/assets/src/views/SideNav.vue @@ -543,7 +543,7 @@ } .side-nav { - @extend %dropshadow-16dp; + @extend %dropshadow-6dp; position: fixed; top: 0; diff --git a/kolibri/core/assets/src/views/sortable/DragContainer.vue b/kolibri/core/assets/src/views/sortable/DragContainer.vue index aba161fbd2..03e5cd4a9e 100644 --- a/kolibri/core/assets/src/views/sortable/DragContainer.vue +++ b/kolibri/core/assets/src/views/sortable/DragContainer.vue @@ -101,7 +101,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; /deep/ .draggable-mirror { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; z-index: 8; cursor: grabbing; From 1636aee78a13137f8ccc27a9e7aefbf089045b9a Mon Sep 17 00:00:00 2001 From: Suraj Date: Wed, 11 Sep 2024 20:32:20 +0530 Subject: [PATCH 02/14] fix: updated the dropshadow. --- kolibri/core/assets/src/views/AppBar.vue | 2 +- kolibri/core/assets/src/views/BottomAppBar.vue | 2 +- kolibri/core/assets/src/views/CoreBanner.vue | 2 +- kolibri/core/assets/src/views/CorePage/AppBarPage.vue | 4 ++-- kolibri/core/assets/src/views/SkipNavigationLink.vue | 2 +- .../src/views/plan/CreateExamPage/ResourceSelection.vue | 2 +- .../LessonResourceSelectionPage/LessonContentCard/index.vue | 2 +- .../src/views/plan/LessonResourceSelectionPage/index.vue | 2 +- kolibri/plugins/learn/assets/src/views/CardList.vue | 2 +- kolibri/plugins/learn/assets/src/views/ChannelCard.vue | 2 +- .../plugins/learn/assets/src/views/CompletionModal/index.vue | 2 +- .../assets/src/views/HybridLearningContentCard/index.vue | 2 +- .../learn/assets/src/views/HybridLearningLessonCard.vue | 2 +- .../learn/assets/src/views/LibraryPage/UnPinnedDevices.vue | 2 +- kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue | 2 +- .../learn/assets/src/views/SearchFiltersPanel/index.vue | 4 +++- .../plugins/learn/assets/src/views/StorageNotification.vue | 2 +- .../learn/assets/src/views/TopicsPage/TopicsPanelModal.vue | 4 +++- kolibri/plugins/learn/assets/src/views/cards/CardLink.vue | 2 +- kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue | 2 +- kolibri/plugins/user_auth/assets/src/views/AuthBase.vue | 4 ++-- 21 files changed, 27 insertions(+), 23 deletions(-) diff --git a/kolibri/core/assets/src/views/AppBar.vue b/kolibri/core/assets/src/views/AppBar.vue index 7568035503..fa93a9f13b 100644 --- a/kolibri/core/assets/src/views/AppBar.vue +++ b/kolibri/core/assets/src/views/AppBar.vue @@ -372,7 +372,7 @@ } .points-popover { - @extend %dropshadow-4dp; + @extend %dropshadow-6dp; position: absolute; right: 50px; diff --git a/kolibri/core/assets/src/views/BottomAppBar.vue b/kolibri/core/assets/src/views/BottomAppBar.vue index fb7c56bd4f..e074b68e1c 100644 --- a/kolibri/core/assets/src/views/BottomAppBar.vue +++ b/kolibri/core/assets/src/views/BottomAppBar.vue @@ -35,7 +35,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; .bottom { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; position: fixed; right: 0; diff --git a/kolibri/core/assets/src/views/CoreBanner.vue b/kolibri/core/assets/src/views/CoreBanner.vue index b6ea9b241a..c95b048752 100644 --- a/kolibri/core/assets/src/views/CoreBanner.vue +++ b/kolibri/core/assets/src/views/CoreBanner.vue @@ -101,7 +101,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; .banner { - @extend %dropshadow-4dp; + @extend %dropshadow-6dp; position: relative; width: 100%; diff --git a/kolibri/core/assets/src/views/CorePage/AppBarPage.vue b/kolibri/core/assets/src/views/CorePage/AppBarPage.vue index 44686c46c4..284686528d 100644 --- a/kolibri/core/assets/src/views/CorePage/AppBarPage.vue +++ b/kolibri/core/assets/src/views/CorePage/AppBarPage.vue @@ -204,13 +204,13 @@ @import '~kolibri-design-system/lib/styles/definitions'; .app-bar { - @extend %dropshadow-8dp; + @extend %dropshadow-2dp; width: 100%; } .android-nav-bottom-bar { - @extend %dropshadow-4dp; + @extend %dropshadow-1dp; position: fixed; right: 0; diff --git a/kolibri/core/assets/src/views/SkipNavigationLink.vue b/kolibri/core/assets/src/views/SkipNavigationLink.vue index 6c126c5324..216debd6d2 100644 --- a/kolibri/core/assets/src/views/SkipNavigationLink.vue +++ b/kolibri/core/assets/src/views/SkipNavigationLink.vue @@ -71,7 +71,7 @@ } .skip-nav-link a { - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; position: absolute; left: -1000px; diff --git a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue index 1439f7eee1..a186660583 100644 --- a/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue +++ b/kolibri/plugins/coach/assets/src/views/plan/CreateExamPage/ResourceSelection.vue @@ -962,7 +962,7 @@ border-radius: 2px; .ease:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; @extend %md-decelerate-func; transition: all $core-time; diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue index 82294a191e..aefe2e4ede 100644 --- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue +++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/LessonContentCard/index.vue @@ -132,7 +132,7 @@ &:hover, &:focus { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } } diff --git a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue index 26aed6f137..a36b7576bc 100644 --- a/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue +++ b/kolibri/plugins/coach/assets/src/views/plan/LessonResourceSelectionPage/index.vue @@ -620,7 +620,7 @@ border-radius: 2px; .ease:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; @extend %md-decelerate-func; transition: all $core-time; diff --git a/kolibri/plugins/learn/assets/src/views/CardList.vue b/kolibri/plugins/learn/assets/src/views/CardList.vue index 51f9f68e8f..115ac29bc1 100644 --- a/kolibri/plugins/learn/assets/src/views/CardList.vue +++ b/kolibri/plugins/learn/assets/src/views/CardList.vue @@ -255,7 +255,7 @@ @extend %dropshadow-1dp; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } } diff --git a/kolibri/plugins/learn/assets/src/views/ChannelCard.vue b/kolibri/plugins/learn/assets/src/views/ChannelCard.vue index 5bbb7b49ca..6f3725191f 100644 --- a/kolibri/plugins/learn/assets/src/views/ChannelCard.vue +++ b/kolibri/plugins/learn/assets/src/views/ChannelCard.vue @@ -201,7 +201,7 @@ transition: box-shadow $core-time ease; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } &:focus { diff --git a/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue b/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue index e9441c50ff..f83dde5b04 100644 --- a/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue +++ b/kolibri/plugins/learn/assets/src/views/CompletionModal/index.vue @@ -544,7 +544,7 @@ } .modal { - @extend %dropshadow-16dp; + @extend %dropshadow-6dp; @extend %momentum-scroll; position: absolute; diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue index 2df849dc4b..141184e08d 100644 --- a/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue +++ b/kolibri/plugins/learn/assets/src/views/HybridLearningContentCard/index.vue @@ -135,7 +135,7 @@ @extend %dropshadow-1dp; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } } diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue index 31e27ad9b1..a46258e228 100644 --- a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue +++ b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue @@ -82,7 +82,7 @@ @extend %dropshadow-1dp; &:hover { - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; } } diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue index d319be45b1..afa235846c 100644 --- a/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue +++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/UnPinnedDevices.vue @@ -141,7 +141,7 @@ transition: box-shadow $core-time ease; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } &:focus { diff --git a/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue b/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue index 3977619902..b0e2a4de40 100644 --- a/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue +++ b/kolibri/plugins/learn/assets/src/views/LibraryPage/index.vue @@ -604,7 +604,7 @@ transition: box-shadow $core-time ease; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } &:focus { diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue index 2630965fa5..97e9144c68 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue @@ -363,6 +363,9 @@ } .side-panel { + + @extend %dropshadow-2dp; + position: fixed; top: 60px; left: 0; @@ -370,7 +373,6 @@ padding: 24px 24px 0; overflow-y: scroll; font-size: 14px; - box-shadow: 0 3px 3px 0 #00000040; } /* diff --git a/kolibri/plugins/learn/assets/src/views/StorageNotification.vue b/kolibri/plugins/learn/assets/src/views/StorageNotification.vue index 92ebe77fa1..8dc24384e0 100644 --- a/kolibri/plugins/learn/assets/src/views/StorageNotification.vue +++ b/kolibri/plugins/learn/assets/src/views/StorageNotification.vue @@ -260,7 +260,7 @@ @import '~kolibri-design-system/lib/styles/definitions'; .banner { - @extend %dropshadow-16dp; + @extend %dropshadow-6dp; position: relative; width: 100%; diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue index 2d726e7338..6b19e5ef09 100644 --- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue +++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue @@ -106,6 +106,9 @@ } .side-panel { + + @extend %dropshadow-2dp; + position: fixed; top: 60px; left: 0; @@ -113,7 +116,6 @@ padding: 24px 24px 0; overflow-y: scroll; font-size: 14px; - box-shadow: 0 3px 3px 0 #00000040; } /* diff --git a/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue b/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue index a44c7dc1d5..aa3c5d1df3 100644 --- a/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue +++ b/kolibri/plugins/learn/assets/src/views/cards/CardLink.vue @@ -52,7 +52,7 @@ transition: box-shadow $core-time ease; &:hover { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; } } diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue index a66924275f..ffb6d9b0ad 100644 --- a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue +++ b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue @@ -146,7 +146,7 @@ .pdf-sidebar { overflow-y: auto; - box-shadow: inset -1px 2px 8px rgba(0, 0, 0, 0.16); + @extend %dropshadow-2dp; } .tab:focus-visible { diff --git a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue index 63d63df39d..9ef1042673 100644 --- a/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue +++ b/kolibri/plugins/user_auth/assets/src/views/AuthBase.vue @@ -376,7 +376,7 @@ } .box { - @extend %dropshadow-16dp; + @extend %dropshadow-6dp; position: relative; z-index: 1; @@ -409,7 +409,7 @@ } .footer-cell { - @extend %dropshadow-8dp; + @extend %dropshadow-6dp; padding: 16px; } From 397ed96611de6ada8693ac92eadedab242bc586c Mon Sep 17 00:00:00 2001 From: "pre-commit-ci-lite[bot]" <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com> Date: Fri, 13 Sep 2024 07:50:20 +0000 Subject: [PATCH 03/14] [pre-commit.ci lite] apply automatic fixes --- .../plugins/learn/assets/src/views/SearchFiltersPanel/index.vue | 1 - .../learn/assets/src/views/TopicsPage/TopicsPanelModal.vue | 1 - 2 files changed, 2 deletions(-) diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue index 578f307366..12837a8102 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue @@ -365,7 +365,6 @@ } .side-panel { - @extend %dropshadow-2dp; position: fixed; diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue index 6b19e5ef09..48207ef7fe 100644 --- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue +++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue @@ -106,7 +106,6 @@ } .side-panel { - @extend %dropshadow-2dp; position: fixed; From 1982ee78d9571f5114a06bf8eb450a060c34b59b Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 5 Oct 2024 19:50:41 +0530 Subject: [PATCH 04/14] Update index.vue --- .../plugins/learn/assets/src/views/SearchFiltersPanel/index.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue index 12837a8102..daa17a2e43 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue @@ -365,7 +365,7 @@ } .side-panel { - @extend %dropshadow-2dp; + @extend %dropshadow-4dp; position: fixed; top: 60px; From 9e6615b97b73e73434c867190f6cce38ff6cc5e4 Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 5 Oct 2024 19:51:43 +0530 Subject: [PATCH 05/14] Update TopicsPanelModal.vue --- .../learn/assets/src/views/TopicsPage/TopicsPanelModal.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue index 48207ef7fe..23e5ec35fc 100644 --- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue +++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue @@ -106,7 +106,7 @@ } .side-panel { - @extend %dropshadow-2dp; + @extend %dropshadow-4dp; position: fixed; top: 60px; From 867323ea015e258e74673b8d66893d95d0105f49 Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 5 Oct 2024 19:53:15 +0530 Subject: [PATCH 06/14] Update index.vue --- kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue index ffb6d9b0ad..a07cde8b2e 100644 --- a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue +++ b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue @@ -146,7 +146,7 @@ .pdf-sidebar { overflow-y: auto; - @extend %dropshadow-2dp; + @extend %dropshadow-4dp; } .tab:focus-visible { From a727a66b7f9be4b1b469b6348f7cabd0e1ccd60a Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 5 Oct 2024 19:54:08 +0530 Subject: [PATCH 07/14] Update HybridLearningLessonCard.vue --- .../plugins/learn/assets/src/views/HybridLearningLessonCard.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue index a46258e228..00865a5fcf 100644 --- a/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue +++ b/kolibri/plugins/learn/assets/src/views/HybridLearningLessonCard.vue @@ -82,7 +82,7 @@ @extend %dropshadow-1dp; &:hover { - @extend %dropshadow-2dp; + @extend %dropshadow-6dp; } } From 4e288765b0dc357aabfead83e1318e5c39858427 Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 19 Oct 2024 16:36:13 +0530 Subject: [PATCH 08/14] Update TopicsPanelModal.vue --- .../learn/assets/src/views/TopicsPage/TopicsPanelModal.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue index 89c5c947ac..9648cf6672 100644 --- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue +++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue @@ -106,7 +106,7 @@ } .side-panel { - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; position: fixed; top: 60px; From e4da1fb48e54f7f9691cfbf26cdd7f758ba053ed Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 19 Oct 2024 16:37:21 +0530 Subject: [PATCH 09/14] Update index.vue --- kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue index a07cde8b2e..ffb6d9b0ad 100644 --- a/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue +++ b/kolibri/plugins/pdf_viewer/assets/src/views/SideBar/index.vue @@ -146,7 +146,7 @@ .pdf-sidebar { overflow-y: auto; - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; } .tab:focus-visible { From 2dbced371d59eeb798ae9f4851e6737041f9a1b4 Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Sat, 19 Oct 2024 16:38:12 +0530 Subject: [PATCH 10/14] Update index.vue --- packages/kolibri-common/components/SearchFiltersPanel/index.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/kolibri-common/components/SearchFiltersPanel/index.vue b/packages/kolibri-common/components/SearchFiltersPanel/index.vue index 4e799e32ae..f7e58e540d 100644 --- a/packages/kolibri-common/components/SearchFiltersPanel/index.vue +++ b/packages/kolibri-common/components/SearchFiltersPanel/index.vue @@ -371,7 +371,7 @@ } .side-panel { - @extend %dropshadow-4dp; + @extend %dropshadow-2dp; position: fixed; top: 60px; From 6154db04aef499ea66fb8e2f57fceac8ebcac793 Mon Sep 17 00:00:00 2001 From: Suraj <123288511+Suraj-kumar00@users.noreply.github.com> Date: Mon, 21 Oct 2024 20:41:30 +0530 Subject: [PATCH 11/14] Update TopicsPanelModal.vue --- .../learn/assets/src/views/TopicsPage/TopicsPanelModal.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue index 9648cf6672..fe16ef6c8b 100644 --- a/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue +++ b/kolibri/plugins/learn/assets/src/views/TopicsPage/TopicsPanelModal.vue @@ -53,7 +53,7 @@ import SidePanelModal from 'kolibri-common/components/SidePanelModal'; import commonLearnStrings from '../commonLearnStrings'; import useContentLink from '../../composables/useContentLink'; - + export default { name: 'TopicsPanelModal', components: { SidePanelModal }, @@ -101,6 +101,8 @@