Fix some more a11y issues with grey text
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
9537221124
commit
92a07c1ded
@ -32,7 +32,6 @@ $color-black: #000;
|
|||||||
|
|
||||||
.mention {
|
.mention {
|
||||||
background: rgba($color-black, 0.1);
|
background: rgba($color-black, 0.1);
|
||||||
color: rgba($color-black, 0.6);
|
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
<p>
|
<p>
|
||||||
{{ actor.name || `@${usernameWithDomain(actor)}` }}
|
{{ actor.name || `@${usernameWithDomain(actor)}` }}
|
||||||
</p>
|
</p>
|
||||||
<p class="has-text-grey" v-if="actor.name">
|
<p class="has-text-grey-dark" v-if="actor.name">
|
||||||
@{{ usernameWithDomain(actor) }}
|
@{{ usernameWithDomain(actor) }}
|
||||||
</p>
|
</p>
|
||||||
<div
|
<div
|
||||||
|
@ -67,7 +67,8 @@
|
|||||||
<div v-else>{{ $t("[This comment has been deleted]") }}</div>
|
<div v-else>{{ $t("[This comment has been deleted]") }}</div>
|
||||||
<div class="load-replies" v-if="comment.totalReplies">
|
<div class="load-replies" v-if="comment.totalReplies">
|
||||||
<p v-if="!showReplies" @click="fetchReplies">
|
<p v-if="!showReplies" @click="fetchReplies">
|
||||||
<b-icon icon="chevron-down" /><span>{{
|
<b-icon icon="chevron-down" class="reply-btn" />
|
||||||
|
<span class="reply-btn">{{
|
||||||
$tc("View a reply", comment.totalReplies, {
|
$tc("View a reply", comment.totalReplies, {
|
||||||
totalReplies: comment.totalReplies,
|
totalReplies: comment.totalReplies,
|
||||||
})
|
})
|
||||||
@ -77,8 +78,8 @@
|
|||||||
v-else-if="comment.totalReplies && showReplies"
|
v-else-if="comment.totalReplies && showReplies"
|
||||||
@click="showReplies = false"
|
@click="showReplies = false"
|
||||||
>
|
>
|
||||||
<b-icon icon="chevron-up" />
|
<b-icon icon="chevron-up" class="reply-btn" />
|
||||||
<span>{{ $t("Hide replies") }}</span>
|
<span class="reply-btn">{{ $t("Hide replies") }}</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -465,7 +466,7 @@ a.comment-link {
|
|||||||
|
|
||||||
& > p > span {
|
& > p > span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: $primary;
|
color: $violet-2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -315,7 +315,9 @@
|
|||||||
>
|
>
|
||||||
{{ physicalAddress.poiInfos.name }}
|
{{ physicalAddress.poiInfos.name }}
|
||||||
</p>
|
</p>
|
||||||
<p>{{ physicalAddress.poiInfos.alternativeName }}</p>
|
<p class="has-text-grey-dark">
|
||||||
|
{{ physicalAddress.poiInfos.alternativeName }}
|
||||||
|
</p>
|
||||||
</address>
|
</address>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
@ -1424,7 +1426,6 @@ div.sidebar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
:not(.addressDescription) {
|
:not(.addressDescription) {
|
||||||
color: rgba(46, 62, 72, 0.6);
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user