summaryrefslogtreecommitdiffstats
path: root/src/components/ContactDetails.vue
diff options
context:
space:
mode:
authorgreta <gretadoci@gmail.com>2022-07-04 18:16:32 +0200
committerbackportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com>2022-07-19 10:20:28 +0000
commitbe2f488375207ae9bbce1feaa8a7e0ee789fbc34 (patch)
tree3b8764ec195c721423e864c855c9c1856351458a /src/components/ContactDetails.vue
parent12ed322d598388cb33382ca0396c4fe967d8f484 (diff)
Fix styling regression on contacts
Signed-off-by: greta <gretadoci@gmail.com> Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
Diffstat (limited to 'src/components/ContactDetails.vue')
-rw-r--r--src/components/ContactDetails.vue22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index d53a7cfb..0464927f 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -790,6 +790,7 @@ section.contact-details {
::v-deep .property-masonry {
width: 350px;
+ padding: 5px;
}
.property--rev {
@@ -839,4 +840,25 @@ section.contact-details {
max-width: 414px;
justify-self: center;
}
+section.contact-details .property-masonry {
+ width: 350px;
+}
+.property__label:not(.multiselect) {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ opacity: 0.7;
+}
+.property__label, .property__label.multiselect {
+ flex: 1 0;
+ width: 60px;
+ min-width: 60px !important;
+ max-width: 120px;
+ height: 34px;
+ margin: 3px 5px 3px 0 !important;
+ user-select: none;
+ text-align: right;
+ background-size: 16px;
+ line-height: 35px;
+}
</style>