fix: column sizes

common/loginpage/src/css/styles.less

@@ -381,7 +381,7 @@ li.menu-item {
 .file-list-head, .file-list-body .row {
   display: grid;
   gap: 8px;
-  grid-template-columns: clamp(160px, calc(33vw - 250px), 500px) clamp(248px, calc(33vw - 100px), 650px) minmax(100px, 156px);
+  grid-template-columns: minmax(250px, 65fr) minmax(200px, 35fr) 130px;
   align-items: center;
   justify-content: space-between;
   padding-left: 16px;
@@ -390,10 +390,6 @@ li.menu-item {
     padding-left: 56px;
     padding-right: 16px;
   }
-
-  @media (max-width: 1054px) {
-    grid-template-columns: 1fr 1fr 1fr;
-  }
 }
 
 .file-list-head {
@@ -466,7 +462,8 @@ li.menu-item {
     }
 
     .col-location {
-      height: 24px;
+      height: 32px;
+      line-height: 32px;
       text-align: left;
       white-space: nowrap;
       overflow: hidden;
@@ -478,6 +475,7 @@ li.menu-item {
 
     .col-date {
       height: 24px;
+      line-height: 24px;
       justify-content: flex-end;
     }
 
@@ -840,6 +838,22 @@ li.menu-item {
   &.empty {
     display: none;
   }
+
+  @media (max-width: 1037px) {
+    .file-list-head {
+      grid-template-columns: minmax(250px, 1fr) 130px;
+    }
+
+    .file-list-body .row {
+      grid-template-columns: minmax(250px, 1fr) 130px;
+    }
+
+    .file-list-body, .file-list-head {
+      .col-location {
+        display: none;
+      }
+    }
+  }
 }
 
 #box-recovery {

common/loginpage/src/panelrecent.js

@@ -140,7 +140,7 @@
             //language=HTML
             let _tpl = `
                 <div ${id} class="row text-normal">
-                    <div class="col-name">
+                    <div class="col-name" title="${info.name}">
                         <div class="icon">
                             <svg class="icon" data-iconname="${info.type === 'folder' ? 'folder' : `${info.format}`}" data-precls="tool-icon">
                                 <use xlink:href="#${info.type === 'folder' ? 'folder-small' : info.format}"></use>
@@ -153,7 +153,7 @@
                         <p class="name">${info.name}</p>
                         <span class="ext">${info.ext}</span>
                     </div>
-                    <div class="col-location">
+                    <div class="col-location" title="${info.descr}">
 <!--              todo: icon here          -->
                         ${info.descr}
                     </div>
@@ -585,7 +585,6 @@
                         }
                     ],
                     onDocumentSelect: (docType) => {
-                        console.log(docType)
                         window.sdk.command("create:new", docType);
                     }
                 });