Fix some more a11y issues with grey text

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-06-11 15:05:58 +02:00
parent 9537221124
commit 92a07c1ded
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
4 changed files with 9 additions and 8 deletions

View File

@ -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;

View File

@ -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

View File

@ -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;
} }
} }

View File

@ -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%;
} }