diff options
author | flo-mic <florianmichel@hotmail.de> | 2021-03-14 20:56:56 +0300 |
---|---|---|
committer | flo-mic <florianmichel@hotmail.de> | 2021-03-14 20:56:56 +0300 |
commit | 80e8070fb42b5cb4927aa3f637e9ff13d2154505 (patch) | |
tree | 00263518814b2f996787a6cac54fa426fc140fae | |
parent | efb4d75ccd2b8c13616e8479060ddc29ec679b21 (diff) |
fix styling and optimize for third button
-rw-r--r-- | src/vue/Components/List/Item/Password.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/vue/Components/List/Item/Password.vue b/src/vue/Components/List/Item/Password.vue index 370e681..5445da5 100644 --- a/src/vue/Components/List/Item/Password.vue +++ b/src/vue/Components/List/Item/Password.vue @@ -43,7 +43,7 @@ }, mounted(){ - if(this.$refs.title.offsetWidth < this.$refs.title.scrollWidth) { + if(this.$refs.title.offsetWidth - 100 < this.$refs.title.scrollWidth) { this.titleClass = "scroll-on-hover" } else { this.titleClass = ""; @@ -146,6 +146,10 @@ flex-shrink : 0; } + span.icon { + background-color : var(--element-bg-color); + } + > .label { flex-grow : 1; padding : 0 .25rem 0 .5rem; @@ -167,7 +171,7 @@ } .scroll-on-hover:hover { - transform: translateX(calc(100vw - 6.5rem - 100%)); + transform: translateX(calc(100vw - 9.5rem - 100%)); } .favicon { |