Updated settings UI, started work on UI JS

This commit is contained in:
Dan
2019-12-05 18:56:24 +00:00
parent fb826b3c4c
commit dd40a75dea
4 changed files with 53 additions and 13 deletions

View File

@@ -566,7 +566,7 @@ button:focus { outline: none; }
#uiSettingsBox {
width: 200px;
height: 250px;
height: 300px;
position: absolute;
margin: auto;
@@ -576,7 +576,8 @@ button:focus { outline: none; }
left: 0;
/* background-color: rgb( 0, 255, 55 ); */
background-color: transparent;
/* background-color: transparent; */
background-color: rgb( 50, 54, 45 );
/* display: grid;
grid-template-columns: 1fr 1fr;
@@ -610,7 +611,7 @@ button:focus { outline: none; }
}
#uiSettingsBox .radar_settings {
background-color: rgb(50, 54, 45);
/* background-color: rgb( 50, 54, 45 ); */
}
#uiSettingsBox .radar_settings .alignment {
height: 200px;
@@ -620,7 +621,7 @@ button:focus { outline: none; }
justify-content: space-evenly;
align-items: center;
padding: 5px;
/* padding: 5px; */
}
#uiSettingsBox .radar_settings .alignment .aligner {
width: 55px;
@@ -686,4 +687,25 @@ button:focus { outline: none; }
width: 55px;
height: 55px;
background-color: transparent;
}
}
#uiSettingsBox .close {
width: 80px;
height: 20px;
display: block;
margin: 20px auto;
border-radius: 10px;
border: none;
background-color: rgb( 225, 225, 225 );
}
#uiSettingsBox .close:hover {
background-color: rgb( 255, 255, 255 );
}
#uiSettingsBox .close:active {
background-color: rgb( 190, 190, 190 );
padding: 0;
}