Note on how to clean up styling
This commit is contained in:
parent
e3e8bbd679
commit
03c4136bac
@ -93,9 +93,12 @@ const ViewportActionBar = ({ studyData, onSeriesChange }) => {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex">
|
<div className="flex">
|
||||||
{/* This is tricky. Our "no-wrap" in truncate means this has a hard
|
{/* TODO:
|
||||||
|
This is tricky. Our "no-wrap" in truncate means this has a hard
|
||||||
length. The overflow forces ellipse. If we don't set max width
|
length. The overflow forces ellipse. If we don't set max width
|
||||||
appropriately, this causes the ActionBar to overflow
|
appropriately, this causes the ActionBar to overflow.
|
||||||
|
Can clean up by setting percentage widths + calc on parent
|
||||||
|
containers
|
||||||
*/}
|
*/}
|
||||||
<p className="text-base truncate max-w-40 text-primary-light">
|
<p className="text-base truncate max-w-40 text-primary-light">
|
||||||
{seriesDescription}
|
{seriesDescription}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user