Add dropdown styles

This commit is contained in:
the1812 2018-11-12 19:24:20 +08:00
parent b83988288d
commit 90d2b87628
6 changed files with 14 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
(()=>{return(n,e)=>{const a=[{name:"常规"},{name:"宽屏"},{name:"网页全屏"},{name:"全屏"}];SpinQuery.any(()=>$(".gui-settings-dropdown:has(input[key=defaultPlayerMode])"),n=>{const e=n.find("ul");const i=n.find("input");Object.values(a).forEach(n=>{$(`<li>${n.name}</li>`).prependTo(e).on("click",()=>{i.val(n.name).trigger("input").change()})})})}})();
(()=>{return(n,e)=>{const a=[{name:"常规"},{name:"宽屏"},{name:"网页全屏"},{name:"全屏"}];SpinQuery.any(()=>$(".gui-settings-dropdown:has(input[key=defaultPlayerMode])"),n=>{const e=n.find("ul");const i=n.find("input");Object.values(a).forEach(n=>{$(`<li>${n.name}</li>`).appendTo(e).on("click",()=>{i.val(n.name).trigger("input").change()})})})}})();

File diff suppressed because one or more lines are too long

View File

@ -525,6 +525,8 @@ i.settings-category-arrow::after
.gui-settings-dropdown>ul
{
position: absolute;
top: calc(100%);
width: 100%;
cursor: pointer;
background: white;
transform-origin: top;
@ -538,8 +540,12 @@ i.settings-category-arrow::after
}
.gui-settings-dropdown ul li
{
margin: 8px 0;
margin: 0;
padding: 8px 0;
height: auto;
width: 100%;
justify-content: center;
border-radius: 4px;
}
.gui-settings-dropdown ul li:hover
{

View File

@ -24,7 +24,7 @@
const input = dropdown.find("input");
Object.values(playerModes).forEach(value =>
{
$(`<li>${value.name}</li>`).prependTo(list)
$(`<li>${value.name}</li>`).appendTo(list)
.on("click", () =>
{
input.val(value.name).trigger("input").change();