diff options
| author | Marius David Wieschollek <passwords.public@mdns.eu> | 2021-01-04 22:03:08 +0300 |
|---|---|---|
| committer | Marius David Wieschollek <passwords.public@mdns.eu> | 2021-01-04 22:03:08 +0300 |
| commit | e9ed4e84b4f3ff9ce5caac52880533d74d8e5bd4 (patch) | |
| tree | 30e30879cb2d906105069094fa53d0052d7c8c37 /src/vue | |
| parent | 5fcca781b26267a8eee18047ea1653fae738b12a (diff) | |
Fix overflowing labels
Signed-off-by: Marius David Wieschollek <passwords.public@mdns.eu>
Diffstat (limited to 'src/vue')
| -rw-r--r-- | src/vue/Components/List/Item/Password.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/vue/Components/List/Item/Password.vue b/src/vue/Components/List/Item/Password.vue index d475fbf..cc37631 100644 --- a/src/vue/Components/List/Item/Password.vue +++ b/src/vue/Components/List/Item/Password.vue @@ -124,12 +124,13 @@ > .label { flex-grow : 1; - padding : 0 .5rem; - min-width : 100vw; + padding : 0 .25rem 0 .5rem; + min-width : calc(100vw - 3rem); + max-width : calc(100vw - 3rem); white-space : nowrap; - transition : min-width .25s ease-in-out; overflow : hidden; text-overflow : ellipsis; + transition : min-width .25s ease-in-out; .favicon { vertical-align : middle; @@ -153,7 +154,8 @@ display : flex; z-index : 1; background-color : var(--element-bg-color); - transition : opacity 0s linear .25s, var(--element-transition); + margin-left : 3rem; + transition : opacity 0s linear .25s, margin-left .125s linear, var(--element-transition); .icon { text-align : center; @@ -196,7 +198,8 @@ .options { background-color : var(--element-hover-bg-color); opacity : 1; - transition : none; + margin-left : 0; + transition : margin-left .125s linear; > .icon, > .option { |