CSS: Dark mode minor fixes (#19014)

* Dark mode fixes

* Bookmark fix
This commit is contained in:
Rajat Talesra 2023-01-26 15:31:46 +05:30 committed by GitHub
parent db821a806f
commit d4d7d8f409
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 6 deletions

View file

@ -286,8 +286,8 @@ function buildArticleHTML(article, currentUserId = null) {
data-reactable-id="${article.id}"
data-article-author-id="${article.user_id}"
aria-label="Save post ${article.title} to reading list">
<span class="bm-initial">${saveSVG}</span>
<span class="bm-success">${saveFilledSVG}</span>
<span class="bm-initial crayons-icon c-btn__icon">${saveSVG}</span>
<span class="bm-success crayons-icon c-btn__icon">${saveFilledSVG}</span>
</button>
`;
} else if (article.class_name === 'User') {

View file

@ -430,7 +430,8 @@
justify-content: space-between;
&:hover {
background: rgba(59, 73, 223, 0.05);
background: rgba(var(--accent-brand-lighter-rgb), 0.2);
border-radius: 8px;
}
.level-rating-content {
@ -466,7 +467,8 @@
}
.level-rating-button.selected {
background: rgba(59, 73, 223, 0.05);
background: rgba(var(--accent-brand-lighter-rgb), 0.2);
border-radius: 8px;
svg {
display: inline;
}

View file

@ -170,10 +170,10 @@
data-article-author-id="<%= story.user_id %>"
aria-label="<%= t("views.articles.save.aria_label", title: story.title) %>"
title="<%= t("views.articles.save.title", title: story.title) %>">
<span class="bm-initial">
<span class="bm-initial crayons-icon c-btn__icon">
<%= inline_svg_tag("small-save.svg", alt: "", aria_hidden: true) %>
</span>
<span class="bm-success">
<span class="bm-success crayons-icon c-btn__icon">
<%= inline_svg_tag("small-save-filled.svg", alt: "", aria_hidden: true) %>
</span>
</button>