diff --git a/android/pages/home.js b/android/pages/home.js index eee96a8a..7a79a859 100644 --- a/android/pages/home.js +++ b/android/pages/home.js @@ -46,7 +46,7 @@ module.exports = function(state, emit) { ? intro(state) : list( archives, - 'list-reset h-full overflow-y-scroll w-full p-6', + 'list-reset h-full overflow-y-auto w-full p-6', 'mb-3 w-full' ); } diff --git a/app/main.css b/app/main.css index 72ba1eb0..2ea31d0e 100644 --- a/app/main.css +++ b/app/main.css @@ -84,6 +84,22 @@ a { cursor: auto; } +.delete:hover { + opacity: 0.7; +} + +details { + overflow: hidden; +} + +details[open] { + overflow-y: auto; +} + +footer li:hover { + text-decoration: underline; +} + .feedback-link { background-color: #000; background-image: url('../assets/feedback.svg'); @@ -132,14 +148,6 @@ a { flex-shrink: 0; } -.delete:hover { - opacity: 0.7; -} - -footer li:hover { - text-decoration: underline; -} - #password-msg::after { content: '\200b'; } diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js index 92689340..431fed27 100644 --- a/app/ui/archiveTile.js +++ b/app/ui/archiveTile.js @@ -122,7 +122,7 @@ function archiveDetails(translate, archive) { if (archive.manifest.files.length > 1) { return html`
@@ -235,7 +235,7 @@ module.exports.wip = function(state, emit) { Array.from(state.archive.files) .reverse() .map(f => fileInfo(f, remove(f))), - 'list-reset overflow-y-scroll px-4 bg-blue-lightest md:h-full md:max-h-half-screen', + 'list-reset overflow-y-auto px-4 bg-blue-lightest md:h-full md:max-h-half-screen', 'bg-white px-2 mt-3 border border-grey-light rounded' )}
diff --git a/app/ui/home.js b/app/ui/home.js index bedea58d..67fbf58b 100644 --- a/app/ui/home.js +++ b/app/ui/home.js @@ -22,7 +22,7 @@ module.exports = function(state, emit) { ? intro(state) : list( archives, - 'list-reset h-full overflow-y-scroll w-full', + 'list-reset h-full overflow-y-auto w-full', 'mb-3 w-full' );