mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-19 19:21:15 -05:00
Code Issues Packages Projects Releases 162 Wiki Activity

add scroll to js package

Browse Source
This commit is contained in:
Johannes
2023-06-09 14:44:46 +02:00
parent 92787722f0
commit 5180fa8608
3 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/js/src/components/MultipleChoiceMultiQuestion.tsx
View File

@@ -61,7 +61,7 @@ export default function MultipleChoiceMultiQuestion({
<div className="fb-mt-4">
<fieldset>
<legend className="fb-sr-only">Options</legend>
<div className="fb-relative fb-space-y-2 fb-rounded-md fb-bg-white">
<div className="fb-relative fb-space-y-2 fb-rounded-md fb-bg-white fb-max-h-[42vh] fb-overflow-y-auto fb-pr-2 fb-py-0.5">
{question.choices &&
question.choices.map((choice) => (
<label

2
packages/js/src/components/MultipleChoiceSingleQuestion.tsx
View File

@@ -46,7 +46,7 @@ export default function MultipleChoiceSingleQuestion({
<div className="fb-mt-4">
<fieldset>
<legend className="fb-sr-only">Options</legend>
<div className="fb-relative fb-space-y-2 fb-rounded-md fb-bg-white">
<div className="fb-relative fb-space-y-2 fb-rounded-md fb-bg-white fb-max-h-[42vh] fb-overflow-y-auto fb-pr-2 fb-py-0.5">
{question.choices &&
question.choices.map((choice, idx) => (
<label

23
packages/js/src/style.css
View File

@@ -1,3 +1,26 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #e2e8f0;
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 8px;
border-radius: 99px;
}
*::-webkit-scrollbar-track {
background: #e2e8f0;
border-radius: 99px;
}
*::-webkit-scrollbar-thumb {
background-color: #cbd5e1;
border: 3px solid #cbd5e1;
border-radius: 99px;
}