pengjunjie/desktop-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/desktop-apps.git synced 2026-04-07 14:09:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

[home] Fix scrollbar for recent and recovery boxes

Browse Source
This commit is contained in:
Alexey Koshelev
2025-06-16 18:39:38 +03:00
parent ecd83f78f8
commit 1565e74418
2 changed files with 31 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
common/loginpage/src/css/styles.less
View File

@ -675,8 +675,8 @@ li.menu-item {
}
.recent-panel-container {
display: grid;
grid-auto-rows: max-content;
display: flex;
flex-direction: column;
gap: 40px;
position: relative;
height: 100%;
@ -818,6 +818,14 @@ li.menu-item {
}
}
#box-container {
display: flex;
flex-direction: column;
gap: 40px;
flex: 1;
overflow-y: auto;
}
#box-recent, #box-recovery {
display: none;
flex-direction: column;

41
common/loginpage/src/panelrecent.js
View File

@ -74,29 +74,30 @@
${welcomeBannerTemplate}
<section id="area-dnd-file"></section>
<div id="box-recovery">
<div class="file-list-title">
<h3 l10n>${_lang.listRecoveryTitle}</h3>
<div id="box-container">
<div id="box-recovery">
<div class="file-list-title">
<h3 l10n>${_lang.listRecoveryTitle}</h3>
</div>
<div class="file-list-head text-normal">
<div class="col-name" l10n>${_lang.colFileName}</div>
<div class="col-location" l10n>${_lang.colLocation}</div>
<div class="col-date" l10n>${_lang.colLastOpened}</div>
</div>
<div class="file-list-body scrollable"></div>
</div>
<div class="file-list-head text-normal">
<div class="col-name" l10n>${_lang.colFileName}</div>
<div class="col-location" l10n>${_lang.colLocation}</div>
<div class="col-date" l10n>${_lang.colLastOpened}</div>
</div>
<div class="file-list-body scrollable"></div>
</div>
<div id="box-recent">
<div class="file-list-title">
<h3 l10n>${_lang.listRecentFileTitle}</h3>
<div id="box-recent">
<div class="file-list-title">
<h3 l10n>${_lang.listRecentFileTitle}</h3>
</div>
<div class="file-list-head text-normal">
<div class="col-name" l10n>${_lang.colFileName}</div>
<div class="col-location" l10n>${_lang.colLocation}</div>
<div class="col-date" l10n>${_lang.colLastOpened}</div>
</div>
<div class="file-list-body scrollable"></div>
</div>
<div class="file-list-head text-normal">
<div class="col-name" l10n>${_lang.colFileName}</div>
<div class="col-location" l10n>${_lang.colLocation}</div>
<div class="col-date" l10n>${_lang.colLastOpened}</div>
</div>
<div class="file-list-body scrollable"></div>
</div>
</div>
</div>
</div>`;