From 87940ead8a9bedd312f10635462933a02e0ffb1c Mon Sep 17 00:00:00 2001 From: kPherox <admin@mail.kr-kp.com> Date: Wed, 20 Nov 2019 18:59:37 +0900 Subject: [PATCH] Change css selectors to classname from elementname --- src/components/user_profile/user_profile.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue index fdff0385..c1337411 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -18,6 +18,7 @@ <dl v-for="(field, index) in user.fields_html" :key="index" + class="user-profile-field" > <!-- eslint-disable vue/no-v-html --> <dt @@ -164,11 +165,11 @@ } } - dl { + .user-profile-field { display: flex; margin: 1em 1.5em; - dt { + .user-profile-field-name { flex: 0 0 auto; font-weight: 500; color: var(--lightText); @@ -176,13 +177,13 @@ min-width: 120px; } - dd { + .user-profile-field-value { flex: 1 1 auto; color: var(--text); margin-left: 10px; } - dt, dd { + .user-profile-field-name, .user-profile-field-value { line-height: 18px; text-overflow: ellipsis; white-space: nowrap;