morgan/Grinch-AP
1
0
Fork 0
mirror of https://github.com/MarioSpore/Grinch-AP.git synced 2025-10-21 20:21:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Much more work on weighted-setting page. Still needs support for range options and item/location settings.

Browse Source
This commit is contained in:
Chris Wilson
2022-01-01 16:59:58 -05:00
parent 06dc76a78b
commit 0431c3fce0
4 changed files with 244 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
WebHostLib/static/styles/weighted-settings.css
View File

@@ -14,6 +14,35 @@ html{
color: #eeffeb;
}
#weighted-settings #games-wrapper{
width: 100%;
}
#weighted-settings .setting-wrapper{
width: 100%;
margin-bottom: 2rem;
}
#weighted-settings .setting-description{
font-weight: bold;
margin: 0 0 1rem;
}
#weighted-settings table{
width: 100%;
}
#weighted-settings table .td-left{
padding-right: 1rem;
}
#weighted-settings table .td-middle{
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding-right: 1rem;
}
#weighted-settings #weighted-settings-button-row{
display: flex;
flex-direction: row;
@@ -94,42 +123,11 @@ html{
#weighted-settings .game-options, #weighted-settings .rom-options{
display: flex;
flex-direction: row;
flex-direction: column;
}
#weighted-settings .left, #weighted-settings .right{
flex-grow: 1;
}
#weighted-settings table .select-container{
display: flex;
flex-direction: row;
}
#weighted-settings table .select-container select{
min-width: 200px;
flex-grow: 1;
}
#weighted-settings table .range-container{
display: flex;
flex-direction: row;
}
#weighted-settings table .range-container input[type=range]{
flex-grow: 1;
}
#weighted-settings table .range-value{
min-width: 20px;
margin-left: 0.25rem;
}
#weighted-settings table label{
display: block;
min-width: 200px;
margin-right: 4px;
cursor: default;
#weighted-settings .invisible{
display: none;
}
@media all and (max-width: 1000px), all and (orientation: portrait){
@@ -138,10 +136,6 @@ html{
flex-wrap: wrap;
}
#weighted-settings .left, #weighted-settings .right{
flex-grow: unset;
}
#game-options table label{
display: block;
min-width: 200px;