Fix style bugs

This commit is contained in:
the1812 2018-07-26 00:50:03 +08:00
parent 9d2d5d0ef7
commit fe5b07f51c
2 changed files with 17 additions and 16 deletions

View File

@ -315,20 +315,7 @@
$("div.custom-color-preview").on("click", () => $("div.custom-color-preview").on("click", () =>
{ {
const box = $(".predefined-colors"); const box = $(".predefined-colors");
if (box.css("display") === "none") box.toggleClass("opened");
{
box.css({
display: "flex",
opacity: 1
});
}
else
{
box.css({
display: "none",
opacity: 0
});
}
}); });
$("button.save").on("click", () => $("button.save").on("click", () =>
{ {
@ -432,7 +419,9 @@
.attr("data-color", color) .attr("data-color", color)
.on("click", e => .on("click", e =>
{ {
$(`input[key='customStyleColor']`).val($(e.srcElement).attr("data-color")).on("input"); $(`input[key='customStyleColor']`)
.val($(e.srcElement).attr("data-color"))
.trigger("input");
$("div.custom-color-preview").on("click"); $("div.custom-color-preview").on("click");
}); });
} }

View File

@ -8,6 +8,7 @@
top: 0; top: 0;
left: 0; left: 0;
width: 24px; width: 24px;
z-index: 10000;
} }
.gui-settings .gui-settings
{ {
@ -47,7 +48,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
z-index: 10000; z-index: 10001;
display: none; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -69,6 +70,7 @@
height: 50px; height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
flex-shrink: 0;
} }
.gui-settings-footer .gui-settings-footer
{ {
@ -148,6 +150,7 @@
padding: 2px 8px; padding: 2px 8px;
background: #8884; background: #8884;
transition: all 0.2s; transition: all 0.2s;
font-size: 16px;
} }
.gui-settings-textbox-container input:disabled, .gui-settings-textbox-container input:disabled,
.gui-settings-textbox-container.disabled span, .gui-settings-textbox-container.disabled span,
@ -252,6 +255,11 @@ button.save:focus
top: 32px; top: 32px;
left: -64px; left: -64px;
} }
.predefined-colors.opened
{
display: flex;
opacity: 1;
}
.predefined-colors-grid .predefined-colors-grid
{ {
display: grid; display: grid;
@ -268,3 +276,7 @@ button.save:focus
align-self: center; align-self: center;
cursor: pointer; cursor: pointer;
} }
input[key]:focus
{
outline: none;
}