Use calc to determine max-width

owncloud · May 25, 2022 · 5c5656e · 5c5656e
1 parent 09fe750
commit 5c5656e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/web-app-files/src/components/FilesList/ResourceTable.vue b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
@@ -774,7 +774,7 @@ export default defineComponent({
 .resource-table {
   &-resource-wrapper {
     &-limit-max-width {
-      max-width: 90%;
+      max-width: calc(100% - var(--oc-space-medium));
     }
 
     &:hover > .resource-table-edit-name {

diff --git a/packages/web-runtime/tests/unit/components/__snapshots__/UploadInfo.spec.js.snap b/packages/web-runtime/tests/unit/components/__snapshots__/UploadInfo.spec.js.snap
@@ -58,7 +58,7 @@ exports[`UploadInfo component should show uploaded files without parent folder l
   <div class="upload-info-successful-uploads oc-px-m oc-pb-m oc-pt-m">
     <ul class="oc-list">
       <li class="oc-flex oc-flex-middle">
-        <oc-icon-stub name="check" filltype="fill" accessiblelabel="" type="span" size="small" variation="success" color=""></oc-icon-stub> <span class="oc-flex oc-flex-middle"><oc-resource-icon-stub resource="[object Object]" size="large" class="file_info__icon oc-mr-s"></oc-resource-icon-stub> <oc-resource-name-stub name="file" extension="" type="file" fullpath="" isextensiondisplayed="true"></oc-resource-name-stub></span>
+        <oc-icon-stub name="check" filltype="fill" accessiblelabel="" type="span" size="small" variation="success" color=""></oc-icon-stub> <span class="oc-flex oc-flex-middle"><oc-resource-icon-stub resource="[object Object]" size="large" class="file_info__icon oc-mr-s"></oc-resource-icon-stub> <oc-resource-name-stub name="file" extension="" type="file" fullpath="" isextensiondisplayed="true" truncatename="true"></oc-resource-name-stub></span>
       </li>
     </ul>
   </div>