{{ $t('prompts.filesSelected', { count: selected.length }) }}
-
{{ $t('prompts.displayName') }} {{ name }}
+
{{ $t('prompts.displayName') }} {{ name }}
{{ $t('prompts.size') }}: {{ humanSize }}
{{ $t('prompts.lastModified') }}: {{ humanTime }}
diff --git a/frontend/src/css/base.css b/frontend/src/css/base.css
index 707a389b..552fa691 100644
--- a/frontend/src/css/base.css
+++ b/frontend/src/css/base.css
@@ -124,3 +124,7 @@ main {
width: 0;
transition: .2s ease width;
}
+
+.break-word {
+ word-break: break-all;
+}
\ No newline at end of file
diff --git a/frontend/src/css/listing.css b/frontend/src/css/listing.css
index 994d396c..48c78f10 100644
--- a/frontend/src/css/listing.css
+++ b/frontend/src/css/listing.css
@@ -12,10 +12,8 @@
#listing>div {
display: flex;
- padding: 0;
flex-wrap: wrap;
justify-content: flex-start;
- position: relative;
}
#listing .item {
@@ -207,16 +205,6 @@
font-weight: bold;
}
-@keyframes slidein {
- from {
- bottom: -4em;
- }
-
- to {
- bottom: 0;
- }
-}
-
#listing #multiple-selection {
position: fixed;
bottom: -4em;
@@ -225,16 +213,13 @@
width: 100%;
background-color: var(--blue);
height: 4em;
- display: none;
padding: 0.5em 0.5em 0.5em 1em;
justify-content: space-between;
- align-items: center;
transition: .2s ease bottom;
}
#listing #multiple-selection.active {
- animation: slidein 0.2s forwards;
- display: flex;
+ bottom: 0;
}
#listing #multiple-selection p,