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

View File

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