neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expander sub max length (not expanded) (#8611)

Browse Source 
* Expander sub max length (not expanded)

* Expander max width
This commit is contained in:
Jaco 2022-12-23 15:22:46 +02:00 committed by GitHub
parent 0851171c17
commit d043bbd2ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/react-components/src/Expander.tsx
View File

@ -133,19 +133,27 @@ function Expander ({ children, className = '', help, helpIcon, isHeader, isLeft,
}
export default React.memo(styled(Expander)`
max-width: 100%;
max-width: 60rem;
overflow: hidden;
text-overflow: ellipsis;
&:not(.isExpanded) .ui--Expander-content {
display: none;
&:not(.isExpanded) {
.ui--Expander-content {
display: none;
}
.ui--Expander-summary-header-sub {
max-width: 35rem;
}
}
&.isExpanded .ui--Expander-content {
margin-top: 0.75rem;
&.isExpanded {
.ui--Expander-content {
margin-top: 0.75rem;
.body.column {
justify-content: end;
.body.column {
justify-content: end;
}
}
}