web/notify.moe
Code Issues Pull Requests Activity

Use generic InputColor component

Browse Source
This commit is contained in:
Eduard Urbach 2018-11-23 19:35:11 +09:00
parent 667eea7c8e
commit 5668c66b31
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
mixins/Input.pixy
View File

@ -63,4 +63,13 @@ component InputTags(id string, value []string, label string, tooltip string)
RawIcon("plus")
p!= tooltip
component InputColor(id string, variable string, label string)
.widget-section
label(for=id)= label
.color-picker-container
.widget-ui-element.color-picker.color-box.action(data-color="var(--" + variable + ")", data-variable=variable, data-action="pickColor", data-trigger="click")
button.tip(aria-label="Reset", disabled)
RawIcon("power-off")

21
pages/settings/style.pixy
View File

@ -30,21 +30,8 @@ component SettingsStyle(user *arn.User)
h3.widget-title
Icon("paint-brush")
span= stringutils.Capitalize(user.Settings().Theme)
.widget-section
label(for="LinkColor")= "Link color:"
.color-picker-container
.widget-ui-element.color-picker.color-box.action(data-color="var(--link-color)", data-variable="link-color", data-action="pickColor", data-trigger="click")
button.tip(aria-label="Reset", disabled)
RawIcon("power-off")
.widget-section
label(for="BackgroundColor")= "Background color:"
.color-picker-container
.widget-ui-element.color-picker.color-box.action(data-color="var(--bg-color)", data-variable="bg-color", data-action="pickColor", data-trigger="click")
button.tip(aria-label="Reset", disabled)
RawIcon("power-off")
InputColor("TextColor", "text-color", "Text color:")
InputColor("LinkColor", "link-color", "Link color:")
InputColor("UIBackground", "ui-background", "UI background:")
InputColor("BackgroundColor", "bg-color", "Background color:")