Fix: Sidebar cripples file name which is not visible (#7475)

* Fix: Sidebar cripples file name which is not visible
owncloud · Aug 18, 2022 · c37f9f5 · c37f9f5
1 parent 7a7996f
commit c37f9f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/changelog/unreleased/enhancement-redesign-shared-with-list b/changelog/unreleased/enhancement-redesign-shared-with-list
@@ -8,5 +8,6 @@ https://github.com/owncloud/web/pull/7310
 https://github.com/owncloud/web/pull/7315
 https://github.com/owncloud/web/pull/7372
 https://github.com/owncloud/web/pull/7402
+https://github.com/owncloud/web/pull/7475
 https://github.com/owncloud/web/issues/7110
 https://github.com/owncloud/web/issues/7340
diff --git a/packages/web-app-files/src/components/SideBar/FileInfo.vue b/packages/web-app-files/src/components/SideBar/FileInfo.vue
@@ -19,7 +19,7 @@
         />
       </h3>
     </div>
-    <private-link-item v-if="privateLinkEnabled" />
+    <private-link-item v-if="privateLinkEnabled" class="oc-ml-s" />
   </div>
 </template>
 
@@ -106,6 +106,10 @@ export default {
   align-items: center;
   grid-gap: 5px;
 
+  button {
+    white-space: nowrap;
+  }
+
   &__body {
     text-align: left;
     font-size: 0.75rem;
@@ -114,6 +118,7 @@ export default {
       font-size: 0.9rem;
       font-weight: 600;
       margin: 0;
+      word-break: break-all;
     }
   }