mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Fix style bugs
This commit is contained in:
parent
9d2d5d0ef7
commit
fe5b07f51c
@ -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");
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user