Closed pcberg closed 2 months ago
<HeaderAvatar shortName={createShortName(user)} username={username}/> causes it to loose the rvt-flex (and other) attributes. Hence it has the potential to have wrapping problems, such as shown on this example:
<HeaderAvatar shortName={createShortName(user)} username={username}/>
this is a workaround:
<HeaderAvatar shortName={createShortName(user)} username={username} className="rvt-flex rvt-items-center rvt-m-left-md rvt-p-bottom-md rvt-p-bottom-none-lg-up" />
It seems to overwrite className: https://github.com/indiana-university/rivet-react/blob/124693bb0cad1eabf9c585ff1bdc05965b9153ad/src/components/Header/HeaderAvatar.jsx#L29-L30
Confirmed fixed, closing
pcberg
commented
2 months ago
<HeaderAvatar shortName={createShortName(user)} username={username}/>causes it to loose the rvt-flex (and other) attributes. Hence it has the potential to have wrapping problems, such as shown on this example:this is a workaround:
<HeaderAvatar shortName={createShortName(user)} username={username} className="rvt-flex rvt-items-center rvt-m-left-md rvt-p-bottom-md rvt-p-bottom-none-lg-up" />It seems to overwrite className: https://github.com/indiana-university/rivet-react/blob/124693bb0cad1eabf9c585ff1bdc05965b9153ad/src/components/Header/HeaderAvatar.jsx#L29-L30