Change css selectors to classname from elementname

This commit is contained in:
kPherox 2019-11-20 18:59:37 +09:00
parent 004827a7f1
commit 87940ead8a
No known key found for this signature in database
GPG key ID: C04751C2BFA2F62D

View file

@ -18,6 +18,7 @@
<dl <dl
v-for="(field, index) in user.fields_html" v-for="(field, index) in user.fields_html"
:key="index" :key="index"
class="user-profile-field"
> >
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<dt <dt
@ -164,11 +165,11 @@
} }
} }
dl { .user-profile-field {
display: flex; display: flex;
margin: 1em 1.5em; margin: 1em 1.5em;
dt { .user-profile-field-name {
flex: 0 0 auto; flex: 0 0 auto;
font-weight: 500; font-weight: 500;
color: var(--lightText); color: var(--lightText);
@ -176,13 +177,13 @@
min-width: 120px; min-width: 120px;
} }
dd { .user-profile-field-value {
flex: 1 1 auto; flex: 1 1 auto;
color: var(--text); color: var(--text);
margin-left: 10px; margin-left: 10px;
} }
dt, dd { .user-profile-field-name, .user-profile-field-value {
line-height: 18px; line-height: 18px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;