maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix icons colors on the mod menu (#20218)

Browse source 
* Fix SVG properties

* Fix SVG selectors and typos

* Normalize crayons_icon_tag usage
This commit is contained in:
Mateus Abelli 2023-10-08 23:00:58 -03:00 • committed by GitHub
parent 341f64c0d3
commit f5e0171dce
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/images/admin.svg
View file

@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path fill="none" d="M0 0h24v24H0z"/>
<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
<path d="M2.8 5.2 7 8l4.186-5.86a1 1 0 0 1 1.628 0L17 8l4.2-2.8a1 1 0 0 1 1.547.95l-1.643 13.967a1 1 0 0 1-.993.883H3.889a1 1 0 0 1-.993-.883L1.253 6.149A1 1 0 0 1 2.8 5.2zM12 15a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 348 B

After

Width:  |  Height:  |  Size: 306 B

9
app/assets/stylesheets/views/mod-actions.scss
View file

@ -372,8 +372,8 @@
background-color: var(--base-inverted);
.label-wrapper > .icon {
background-color: var(--accent-brand);
svg {
fill: var(--base-inverted);
svg path {
fill: rgba(var(--white), 1);
}
}
header h2 {
@ -396,7 +396,7 @@
}
.icon {
background-color: var(--base-20);
svg {
svg path {
fill: var(--base-50);
}
}
@ -717,7 +717,6 @@
padding: 5px;
font-size: 17px;
height: 100px;
box-sizing: boder-box;
border-radius: 3px;
border: 1px solid var(--card-color-tertiary);
}
@ -733,7 +732,7 @@
display: inline-block;
margin: 30px auto 10px;
min-width: 205px;
box-sizing: boder-box;
box-sizing: border-box;
position: relative;
}

6
app/views/moderations/actions_panel.html.erb
View file

@ -264,7 +264,7 @@
<button aria-haspopup="true" aria-expanded="false" aria-controls="set-experience-options" class="other-things-btn set-experience" type="button" data-other-things-type="set-experience" aria-label="<%= t("views.moderations.actions.experience.aria_label") %>">
<div class="label-wrapper">
<div class="icon circle centered-icon">
<%= crayons_icon_tag(:book, title: t("views.moderations.actions.experience.icon")) %>
<%= crayons_icon_tag("book", title: t("views.moderations.actions.experience.icon")) %>
</div>
<header>
<h2><%= t("views.moderations.actions.experience.heading") %></h2>
@ -312,7 +312,7 @@
aria-label="<%= t("views.moderations.actions.admin.aria_label") %>">
<div class="label-wrapper">
<div class="icon circle centered-icon">
<%= inline_svg_tag("admin.svg", aria_hidden: true, title: t("views.moderations.actions.admin.icon")) %>
<%= crayons_icon_tag("admin", title: t("views.moderations.actions.admin.icon")) %>
</div>
<header>
<h2><%= t("views.moderations.actions.admin.heading") %></h2>
@ -320,7 +320,7 @@
</header>
</div>
<div class="toggle-chevron-container">
<%= inline_svg_tag("arrow-down-fill.svg", aria: true, title: t("views.moderations.actions.toggle")) %>
<%= crayons_icon_tag("arrow-down-fill", title: t("views.moderations.actions.toggle")) %>
</div>
</button>