lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2026-02-09 09:16:41 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Size the media library picker UI using viewport units, to dramatically improve usability with large directory structures, and fix infinite scrolling bug.

Browse Source
This commit is contained in:
Bertrand Le Roy
2013-08-31 20:40:34 -07:00
parent fb052ea341
commit 09376d5b06
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/Orchard.Web/Modules/Orchard.MediaLibrary/Styles/orchard-medialibrary-admin.css
View File

@@ -64,9 +64,9 @@
#media-library-main-navigation { #media-library-main-navigation {
vertical-align: top; vertical-align: top;
display: table-cell;
min-width: 220px; /*Width of left column*/ min-width: 220px; /*Width of left column*/
height: 100%; height: 85vh;
overflow-y: scroll;
border-right: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;
} }
#media-library-main-navigation > ul { /* sub-navigations, e.g. folders */ #media-library-main-navigation > ul { /* sub-navigations, e.g. folders */
@@ -129,14 +129,13 @@
#media-library-main-list-wrapper { #media-library-main-list-wrapper {
vertical-align: top; vertical-align: top;
display: table-cell; display: table-cell;
height: 100%; height: 85vh;
width: 100%; width: 100%;
} }
#media-library-main-list { #media-library-main-list {
width: auto; width: auto;
height: 100%; height: 85vh;
padding-left: 3px; padding-left: 3px;
padding-top: 3px; padding-top: 3px;
overflow-y: auto; overflow-y: auto;