Add scrollbar when shared files overlap their container

This commit is contained in:
Torjus
2018-08-01 14:21:33 +02:00
parent 14a70de586
commit d6ba237d57
2 changed files with 13 additions and 6 deletions
+11
View File
@@ -1,4 +1,8 @@
[data-component='FileSharing'] {
display: flex;
flex-direction: column;
height: 100%;
> .sharing-toolbar {
> .share-file {
cursor: pointer;
@@ -16,6 +20,9 @@
}
> .shared-files {
flex-grow: 1;
overflow-y: scroll;
> .file-entry {
background-color: rgba(0,0,0,0.1);
border-radius: 5px;
@@ -24,6 +31,10 @@
display: flex;
margin-top: 0.5rem;
&:last-child {
margin-bottom: 1.5rem;
}
> .file-avatar {
height: 2rem;
border-radius: 50%;