hide scroll bar

ucl-contoso-chat · Aug 10, 2024 · c8e2fd3 · c8e2fd3
1 parent c39663f
commit c8e2fd3
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/app/frontend/src/components/EvaluationMetric/EvaluationMetric.module.css b/app/frontend/src/components/EvaluationMetric/EvaluationMetric.module.css
@@ -41,6 +41,15 @@
     font-size: 0.875rem;
 }
 
+.hideScrollbar {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+.hideScrollbar::-webkit-scrollbar {
+    display: none;
+}
+
 @media (min-width: 992px) {
     .evaluationMetricContainer {
         display: grid;

diff --git a/app/frontend/src/components/EvaluationMetric/EvaluationMetric.tsx b/app/frontend/src/components/EvaluationMetric/EvaluationMetric.tsx
@@ -8,9 +8,13 @@ interface Props {
 
 export const EvaluationMetric = ({ metric, checked, onClick }: Props) => {
     return (
-        <div title={metric.name} className={checked ? styles.metricContainerSelected : styles.metricContainer} onClick={() => onClick(metric.name, checked)}>
+        <div
+            title={metric.name}
+            className={(checked ? styles.metricContainerSelected : styles.metricContainer) + " " + styles.hideScrollbar}
+            onClick={() => onClick(metric.name, checked)}
+        >
             <div className={styles.metricTitle}>{metric.display_name}</div>
-            <div className={styles.metricDescription}>{metric.description}</div>
+            <div className={styles.metricDescription + " " + styles.hideScrollbar}>{metric.description}</div>
         </div>
     );
 };