minor ui fixes
This commit is contained in:
parent
49b9a1f452
commit
4ee497a83f
8 changed files with 58 additions and 38 deletions
|
@ -1,21 +1,28 @@
|
|||
.fileList {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
|
||||
padding: 0;
|
||||
width: 262px;
|
||||
max-height: 80%;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
list-style-type: none;
|
||||
overflow: scroll;
|
||||
font-family: 'Segoe UI', 'SF Pro Text', sans-serif;
|
||||
}
|
||||
|
||||
/* hack because justify-content:flex-end and overflow:scroll doesn't work together */
|
||||
.fileList > :first-child {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
@media (max-device-width: 750px), (max-width: 750px) {
|
||||
.fileList {
|
||||
flex: none;
|
||||
position: static;
|
||||
width: 400px;
|
||||
width: 406px;
|
||||
max-height: 160px;
|
||||
margin: 6px 0 0 -3px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue