[WebHost] weighted-settings: Implement item and location hints

This commit is contained in:
Chris Wilson
2022-01-11 01:26:12 -05:00
parent fe25c9c483
commit c330f4a35e
2 changed files with 173 additions and 8 deletions

View File

@@ -102,24 +102,26 @@ html{
#weighted-settings .items-wrapper .item-set-wrapper{
width: 24%;
font-weight: bold;
}
#weighted-settings .items-wrapper .item-container{
#weighted-settings .item-container{
border: 1px solid #ffffff;
border-radius: 2px;
width: 100%;
height: 300px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 0.25rem;
margin-top: 0.125rem;
font-weight: normal;
}
#weighted-settings .items-wrapper .item-container .item-div{
#weighted-settings .item-container .item-div{
padding: 0.125rem 0.5rem;
cursor: pointer;
}
#weighted-settings .items-wrapper .item-container .item-div:hover{
#weighted-settings .item-container .item-div:hover{
background-color: rgba(0, 0, 0, 0.1);
}
@@ -131,6 +133,33 @@ html{
margin-bottom: 0.5rem;
}
#weighted-settings .hints-div .hints-container{
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: bold;
}
#weighted-settings .hints-div .hints-wrapper{
width: 32.5%;
}
#weighted-settings .hints-div .hints-wrapper .hint-div{
display: flex;
flex-direction: row;
cursor: pointer;
}
#weighted-settings .hints-div .hints-wrapper .hint-div:hover{
background-color: rgba(0, 0, 0, 0.1);
}
#weighted-settings .hints-div .hints-wrapper .hint-div label{
flex-grow: 1;
padding: 0.125rem 0.5rem;
cursor: pointer;
}
#weighted-settings #weighted-settings-button-row{
display: flex;
flex-direction: row;