jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change UI minor (#2188)

Browse source 
* change(ui): pagination input width

* fix ui: fix usability test description check

---------

Co-authored-by: nick-delirium <nikita@openreplay.com>
This commit is contained in:
Shekar Siri 2024-05-10 18:30:34 +02:00 • committed by GitHub
parent 2401449a4a
commit fe158e7ba5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/UsabilityTesting/TestOverview.tsx
View file

@ -403,7 +403,7 @@ const Title = observer(({ testId, siteId }: any) => {
return null;
}
const truncatedDescr =
const truncatedDescr = uxtestingStore.instance?.description &&
uxtestingStore.instance.description.length > 250 && truncate
? uxtestingStore.instance?.description.substring(0, 250) + '...'
: uxtestingStore.instance?.description;
@ -504,7 +504,7 @@ const Title = observer(({ testId, siteId }: any) => {
</Dropdown>
</div>
<div className={'whitespace-pre-wrap mt-2'}>{truncatedDescr}</div>
{uxtestingStore.instance.description.length > 250 ? (
{uxtestingStore.instance?.description && uxtestingStore.instance.description.length > 250 ? (
<div className={'link'} onClick={() => setTruncate(!truncate)}>
{truncate ? 'Show more' : 'Show less'}
</div>

8
frontend/app/styles/global.scss
View file

@ -22,3 +22,11 @@ input.no-focus:focus {
@apply inline-block;
}
}
.lucide {
stroke-width: 1.5px;
}
.ant-pagination-simple-pager input {
min-width: 80px;
}