Fix style conflict

This commit is contained in:
Justin Edmund 2022-02-26 17:46:13 -08:00
parent 8e5b414cce
commit ea37cf6a79
2 changed files with 3 additions and 3 deletions

View file

@ -1,4 +1,4 @@
.Details { .PartyDetails {
display: none; // This breaks transition, find a workaround display: none; // This breaks transition, find a workaround
opacity: 0; opacity: 0;
margin: 0 auto; margin: 0 auto;

View file

@ -24,13 +24,13 @@ const PartyDetails = (props: Props) => {
const raidSelect = React.createRef<HTMLSelectElement>() const raidSelect = React.createRef<HTMLSelectElement>()
const readOnlyClasses = classNames({ const readOnlyClasses = classNames({
'Details': true, 'PartyDetails': true,
'ReadOnly': true, 'ReadOnly': true,
'Visible': !appSnapshot.party.detailsVisible 'Visible': !appSnapshot.party.detailsVisible
}) })
const editableClasses = classNames({ const editableClasses = classNames({
'Details': true, 'PartyDetails': true,
'Editable': true, 'Editable': true,
'Visible': appSnapshot.party.detailsVisible 'Visible': appSnapshot.party.detailsVisible
}) })