Fixed item overview path label overflow (#2780)

4 months ago · 8dc686e902
parent c62afe7d02
commit 8dc686e902
1 changed files with 9 additions and 1 deletions
--- a/frontend/src/pages/views/ItemOverview.tsx
+++ b/frontend/src/pages/views/ItemOverview.tsx
@ -49,7 +49,15 @@ const ItemOverview: FunctionComponent<Props> = (props) => {

    if (item) {
      badges.push(
-        <ItemBadge key="file-path" icon={faFolder} title="File Path">
+        <ItemBadge
+          key="file-path"
+          icon={faFolder}
+          title="File Path"
+          styles={{
+            root: { overflow: "unset" },
+            label: { overflow: "hidden" },
+          }}
+        >
          <Tooltip
            label={item.path}
            multiline