Add label picker

2022-03-12 21:11:09 +08:00
parent f832a5af00
commit b2eff20b6e
8 changed files with 250 additions and 13 deletions
@@ -35,6 +35,7 @@ class LabelList extends Component<ILabelListProps & IMixinSettingProps> {
            classList.push("one-line");
        }
        const colorCss = `rgb(${label.color.join(",")})`;
+        const isDelete = label.isDeleted();

        return <div
            style={{
@@ -54,7 +55,13 @@ class LabelList extends Component<ILabelListProps & IMixinSettingProps> {
                backgroundColor: colorCss,
                borderRadius: isFocus ? 0 : 3
            }}/>
-            <div className="label-name">
+            <div
+                className="label-name"
+                style={{
+                    textDecoration: isDelete ? "line-through" : undefined,
+                    opacity: isDelete ? ".6" : undefined
+                }}
+            >
                <div>{label.name}</div>
            </div>
            {