Updates

quran · Dec 30, 2024 · 0ce30ca · 0ce30ca
1 parent 5ef3dc0
commit 0ce30ca
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...nents/Search/CommandBar/ExpandedSearchInputSection/ExpandedSearchInputSection.module.scss b/...nents/Search/CommandBar/ExpandedSearchInputSection/ExpandedSearchInputSection.module.scss
@@ -65,6 +65,10 @@ $height: calc(16 * var(--spacing-mega));
   padding-inline-end: var(--spacing-xxsmall);
   overflow-y: auto;
   position: relative;
-  height: $height;
   box-sizing: border-box;
+  max-height: $height;
+}
+
+.height {
+  height: $height;
 }
diff --git a/src/components/Search/CommandBar/ExpandedSearchInputSection/index.tsx b/src/components/Search/CommandBar/ExpandedSearchInputSection/index.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import React, { useCallback } from 'react';
 
+import classNames from 'classnames';
 import groupBy from 'lodash/groupBy';
 import useTranslation from 'next-translate/useTranslation';
 import { shallowEqual, useSelector } from 'react-redux';
@@ -148,7 +149,7 @@ const ExpandedSearchInputSection: React.FC<Props> = ({ searchQuery }) => {
 
   return (
     <div className={styles.container}>
-      <div className={styles.bodyContainer}>
+      <div className={classNames(styles.bodyContainer, { [styles.height]: !!searchQuery })}>
         {isVoiceSearchFlowStarted ? (
           <VoiceSearchBodyContainer isCommandBar />
         ) : (