Merge branch 'QF-981-fix-side-bar-for-pages-side-bar'

quran · Oct 27, 2024 · 9140058 · 9140058
2 parents 3af7ad0 + 1a021fd
commit 9140058
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/QuranReader/SidebarNavigation/SidebarNavigation.module.scss b/src/components/QuranReader/SidebarNavigation/SidebarNavigation.module.scss
@@ -1,11 +1,13 @@
 @use "src/styles/constants";
 @use "src/styles/breakpoints";
 @use "src/styles/theme";
+@use "sass:math";
 
 $sections-menu-height: 2.25rem;
 $progress-bar-height: var(--spacing-micro);
 $top-menu-height: calc($sections-menu-height + var(--navbar-container-height) + $progress-bar-height);
 $context-menu-height: calc($sections-menu-height + $progress-bar-height);
+$isNavbarVisible : var(--isNavbarVisible);
 
 @mixin sidebarVisible {
   z-index: var(--z-index-sticky);
@@ -44,7 +46,7 @@ $context-menu-height: calc($sections-menu-height + $progress-bar-height);
   border-inline-end: 1px solid var(--color-borders-hairline);
   width: var(--sidebar-size);
   padding-inline: var(--spacing-large);
-  transition: transform var(--transition-regular);
+  transition: transform var(--transition-regular), height var(--transition-regular);
   display: flex;
   flex-direction: column;
   overflow-y: hidden;
@@ -179,10 +181,14 @@ $context-menu-height: calc($sections-menu-height + $progress-bar-height);
 
 .spaceOnTop {
   transform: translateY($top-menu-height);
+  height: calc(100vh - $top-menu-height);
+
 }
 
 .spaceOnTopCollapsed {
   transform: translateY($context-menu-height);
+  height: calc(100vh - $context-menu-height);
+
 }
 
 .chapterNumber {

diff --git a/src/utils/page.ts b/src/utils/page.ts
@@ -14,6 +14,7 @@ export const PAGES_MUSHAF_MAP = {
   [Mushaf.Indopak16Lines]: 548,
   [Mushaf.Indopak15Lines]: 610,
   [Mushaf.Tajweed]: 604,
+  [Mushaf.QCFTajweedV4]: 604,
 };
 
 /**