blsmedia/bot
2
0
Fork 0
Code Activity

fix(theme): 🐛 Force display block on lite badge

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-07 15:10:33 +01:00
parent 7b6649408c
commit 4c65b4ce30
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/bot-engine/src/assets/importantStyles.css Normal file
View File

@ -0,0 +1,3 @@
.lite-badge {
display: block !important;
}

5
packages/bot-engine/src/components/TypebotViewer.tsx
View File

@ -7,6 +7,8 @@ import style from '../assets/style.css'
//@ts-ignore //@ts-ignore
import phoneNumberInputStyle from 'react-phone-number-input/style.css' import phoneNumberInputStyle from 'react-phone-number-input/style.css'
//@ts-ignore //@ts-ignore
import importantStyles from '../assets/importantStyles.css'
//@ts-ignore
import phoneSyle from '../assets/phone.css' import phoneSyle from '../assets/phone.css'
import { ConversationContainer } from './ConversationContainer' import { ConversationContainer } from './ConversationContainer'
import { AnswersContext } from '../contexts/AnswersContext' import { AnswersContext } from '../contexts/AnswersContext'
@ -67,6 +69,7 @@ export const TypebotViewer = ({
{phoneSyle} {phoneSyle}
{style} {style}
{typebot.theme?.customCss} {typebot.theme?.customCss}
{importantStyles}
</style> </style>
} }
name="Typebot viewer" name="Typebot viewer"
@ -107,7 +110,7 @@ export const TypebotViewer = ({
href={'https://www.typebot.io/?utm_source=litebadge'} href={'https://www.typebot.io/?utm_source=litebadge'}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="fixed py-1 px-2 bg-white z-50 rounded shadow-md" className="fixed py-1 px-2 bg-white z-50 rounded shadow-md lite-badge"
style={{ bottom: '20px' }} style={{ bottom: '20px' }}
> >
Made with <span className="text-blue-500">Typebot</span>. Made with <span className="text-blue-500">Typebot</span>.