From 805812110a04ad387e71e74b9d8c1f99ecdda140 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Fri, 7 Mar 2025 21:47:47 +1000
Subject: [PATCH] [frontend/pages] Add labels to top bar actions

---
 Iceshrimp.Frontend/Layout/MainLayout.razor.css    | 15 +++++++++++++++
 .../Pages/Moderation/CustomEmojis.razor           |  9 ++++++---
 .../Pages/Moderation/CustomEmojisRemote.razor     |  3 ++-
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/Iceshrimp.Frontend/Layout/MainLayout.razor.css b/Iceshrimp.Frontend/Layout/MainLayout.razor.css
index 30ef190f..8e95e028 100644
--- a/Iceshrimp.Frontend/Layout/MainLayout.razor.css
+++ b/Iceshrimp.Frontend/Layout/MainLayout.razor.css
@@ -68,10 +68,17 @@
     }
 }
 
+.top-bar {
+    .btn span {
+        font-size: 0.9em;
+    }
+}
+
 .top-bar {
     .action {
         margin-left: auto;
         color: var(--notice-color);
+        text-decoration: none;
     }
 }
 
@@ -85,4 +92,12 @@
     .action:last-child {
         margin-right: 0;
     }
+}
+
+@media (max-width: 1000px) {
+    .top-bar {
+        .btn span {
+            display: none;
+        }
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor b/Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor
index 0b6a7b99..585f653a 100644
--- a/Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor
+++ b/Iceshrimp.Frontend/Pages/Moderation/CustomEmojis.razor
@@ -22,17 +22,20 @@
     @Loc["Custom Emojis"]
     @if (State is State.Empty or State.Loaded)
     {
-        <span class="action btn" @onclick="OpenUpload" title="@Loc["Upload emoji"]">
+        <span class="action btn" @onclick="OpenUpload">
             <Icon Name="Icons.Upload"/>
+            <span>@Loc["Upload"]</span>
         </span>
-        <span class="action btn" @onclick="OpenImport" title="@Loc["Import emoji pack"]">
+        <span class="action btn" @onclick="OpenImport">
             <Icon Name="Icons.FileArrowUp"/>
+            <span>@Loc["Import pack"]</span>
         </span>
     }
     @if (State is not State.Loading)
     {
-        <a class="action btn" href="/mod/emojis/remote" title="@Loc["Remote emojis"]">
+        <a class="action btn" href="/mod/emojis/remote">
             <Icon Name="Icons.ArrowSquareOut"/>
+            <span>@Loc["Remote"]</span>
         </a>
     }
 </SectionContent>
diff --git a/Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor b/Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor
index 302bafc8..69427aaf 100644
--- a/Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor
+++ b/Iceshrimp.Frontend/Pages/Moderation/CustomEmojisRemote.razor
@@ -20,8 +20,9 @@
     @Loc["Remote Emojis"]
     @if (State is not State.Loading)
     {
-        <a class="action btn" href="/mod/emojis" title="@Loc["Local emojis"]">
+        <a class="action btn" href="/mod/emojis">
             <Icon Name="Icons.ArrowSquareIn"/>
+            <span>@Loc["Local"]</span>
         </a>
     }
 </SectionContent>