fixed some scrollbars

This commit is contained in:
Danny Coates 2019-01-29 12:06:23 -08:00
parent d159825b27
commit c0d8300a8e
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
4 changed files with 20 additions and 12 deletions

View File

@ -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'
);
}

View File

@ -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';
}

View File

@ -122,7 +122,7 @@ function archiveDetails(translate, archive) {
if (archive.manifest.files.length > 1) {
return html`
<details
class="w-full pb-1 overflow-y-scroll"
class="w-full pb-1"
${archive.open ? 'open' : ''}
ontoggle="${toggled}"
>
@ -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'
)}
<div class="flex-grow p-4 bg-blue-lightest mb-6 font-medium">

View File

@ -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'
);