replace unicode characters: folder and open folder, by correspondig p…

…ng images.
dainst · Mar 5, 2024 · 9eb732a · 9eb732a
1 parent 93cf53b
commit 9eb732a
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 4 deletions.
diff --git a/server/assets/css/app.css b/server/assets/css/app.css
@@ -221,3 +221,25 @@ nav {
     transform: rotate(360deg);
   }
 }
+
+.folder-icon::before{ 
+  content: "";
+  background-image:url(/images/icon_folder.png);
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 25px;
+  width:25px;
+  position:relative;
+  top:5px;
+}
+
+.open-folder-icon::before{
+  content: "";
+  background-image: url(/images/icon_open_folder.png);
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 25px;
+  width:25px;
+  position:relative;
+  top:5px;
+}
diff --git a/server/lib/field_hub_web/live/project_show_live.html.heex b/server/lib/field_hub_web/live/project_show_live.html.heex
@@ -111,11 +111,11 @@
                 <%= for {{type, severity}, issues} <- issue_groups do %>
                 <section id={"#{type}-issue-group"} class="issue-group hide">
                 <h3 class={issue_classes(severity)}>
-                    <span class="show-toggle" style="cursor: pointer;" phx-click={JS.remove_class("hide", to: "##{type}-issue-group")}>
-                        🗀 <%= get_issue_type_label(type) %> (<%= Enum.count(issues) %>)
+                    <span class="show-toggle folder-icon" style="cursor: pointer;" phx-click={JS.remove_class("hide", to: "##{type}-issue-group")}>
+                        <%= get_issue_type_label(type) %> (<%= Enum.count(issues) %>)
                     </span>
-                    <span class="hide-toggle" style="cursor: pointer;" phx-click={JS.add_class("hide", to: "##{type}-issue-group")}>
-                        🗁 <%= get_issue_type_label(type) %> (<%= Enum.count(issues) %>)
+                    <span class="hide-toggle open-folder-icon" style="cursor: pointer;" phx-click={JS.add_class("hide", to: "##{type}-issue-group")}>
+                        <%= get_issue_type_label(type) %> (<%= Enum.count(issues) %>)
                     </span>
                 </h3>
 

diff --git a/server/priv/static/images/icon_folder.png b/server/priv/static/images/icon_folder.png
diff --git a/server/priv/static/images/icon_open_folder.png b/server/priv/static/images/icon_open_folder.png