From d5a2db90d5689c600b3f7e5d2e53ae621389468c Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Tue, 8 Feb 2022 20:13:12 +0800
Subject: [PATCH] ui: fix marker

---
 packages/ui-default/components/marker/Marker.js        | 1 +
 packages/ui-default/components/marker/marker.page.styl | 9 ++++++---
 packages/ui-default/locales/zh.yaml                    | 1 +
 packages/ui-default/package.json                       | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/ui-default/components/marker/Marker.js b/packages/ui-default/components/marker/Marker.js
index c701edba..85f7a48b 100644
--- a/packages/ui-default/components/marker/Marker.js
+++ b/packages/ui-default/components/marker/Marker.js
@@ -33,6 +33,7 @@ class Marker {
       <div class="marker" id="${MARKER_ID}"><div class="marker__toolbar">
         <div class="marker__action" data-color="#ffff00" data-tooltip="${i18n('Mark Yellow')}"><span class="marker__icon icon-yellow"></span></div>
         <div class="marker__action" data-color="#47ff6f" data-tooltip="${i18n('Mark Green')}"><span class="marker__icon icon-green"></span></div>
+        <div class="marker__action" data-color="#ff3b30" data-tooltip="${i18n('Mark Red')}"><span class="marker__icon icon-red"></span></div>
         <div class="marker__action" data-color="transparent" data-tooltip="${i18n('Clear Marks')}"><span class="icon icon-erase"></span></div>
       </div></div>
     `)
diff --git a/packages/ui-default/components/marker/marker.page.styl b/packages/ui-default/components/marker/marker.page.styl
index 96e59d16..373c7d9b 100644
--- a/packages/ui-default/components/marker/marker.page.styl
+++ b/packages/ui-default/components/marker/marker.page.styl
@@ -20,13 +20,13 @@ body > .marker
     transform: none
     pointer-events: auto
 
-  &__toolbar
+  .marker__toolbar
     padding: 1px
     background: $toolbar-bg
     white-space: nowrap
     font-size: 0
 
-  &__action
+  .marker__action
     display: inline-block
     text-align: center
     font-size: rem($font-size-icon)
@@ -40,7 +40,7 @@ body > .marker
       background: $toolbar-bg-hover
       color: $toolbar-fore-hover
 
-  &__icon
+  .marker__icon
     display: block
     margin: rem(2px)
     width: rem(12px)
@@ -52,3 +52,6 @@ body > .marker
 
     &.icon-green
       background: #54d651
+
+    &.icon-red
+      background: #ff3b30
diff --git a/packages/ui-default/locales/zh.yaml b/packages/ui-default/locales/zh.yaml
index 73c5372d..73acd2e1 100644
--- a/packages/ui-default/locales/zh.yaml
+++ b/packages/ui-default/locales/zh.yaml
@@ -450,6 +450,7 @@ manage: 管理
 Manage: 管理
 Manager: 管理
 Mark Green: 标绿
+Mark Red: 标红
 Mark Yellow: 标黄
 Memory Cost: 内存占用
 Memory Info: 内存信息
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 39ab29ff..08ce2ff5 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.31.6",
+  "version": "4.31.7",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",