[home] changed 'recents' panel stylesheet

common/loginpage/src/css/colors.less

@@ -54,7 +54,7 @@
     --theme-inverted-image-filter: none;
 
     --shadow-sidebar-item-pressed: 0px 1px 4px -1px rgba(0, 0, 0, 0.20);
-    --layout-list-items-gap: 4px;
+    --layout-list-items-gap: 0;
     --action-active-font-weight: normal;
 }
 

common/loginpage/src/css/colors_night.less

@@ -47,7 +47,7 @@
         --disabled-element-opacity: .3;
         --theme-inverted-image-filter: invert(1);
         --shadow-sidebar-item-pressed: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
-        --layout-list-items-gap: 4px;
+        --layout-list-items-gap: 0;
         --action-active-font-weight: 500;
     }
 }

common/loginpage/src/css/colors_white.less

@@ -55,7 +55,7 @@
         --theme-inverted-image-filter: none;
 
         --shadow-sidebar-item-pressed: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
-        --layout-list-items-gap: 4px;
+        --layout-list-items-gap: 0;
         --action-active-font-weight: 500;
    }
 }

common/loginpage/src/css/component.less

@@ -586,8 +586,8 @@ input[type="radio"] {
     flex-shrink: 0;
 
     position: relative;
-    width: 192px;
-    height: 196px;
+    width: 172px;
+    height: 172px;
     padding: 24px 16px 16px;
 
     border-radius: 8px;

common/loginpage/src/css/styles.less

@@ -569,8 +569,8 @@ li.menu-item {
   }
 
   &.recents {
-    //padding: 40px 0;
-    padding: 0;
+    padding: 32px 0;
+    /*padding: 0;*/
   }
 
   &.templates {
@@ -838,6 +838,12 @@ li.menu-item {
       display: none;
     }
   }
+
+  .file-list-body {
+    .row {
+      grid-template-columns: auto;
+    }
+  }
 }
 
 .btn-quick {

common/loginpage/src/panelrecent.js

@@ -66,7 +66,7 @@
         args.tplPage = `
             <div class="action-panel ${args.action}">
                 <div class="recent-panel-container">
-                    <div class="search-bar">
+                    <div class="search-bar hidden">
                         <h1 l10n>${_lang.welWelcome}</h1>
                     </div>