Plate reader locking and BOLO, config change, slight JS cleanup

This commit is contained in:
Dan
2020-01-30 14:53:22 +00:00
parent bf2230cf23
commit 257886fd0c
8 changed files with 405 additions and 161 deletions

View File

@@ -741,6 +741,97 @@ button:focus { outline: none; }
color: rgb( 100, 100, 100 );
}
#plateReaderBox {
width: 225px;
height: 300px;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* background-color: rgb( 50, 54, 45 ); */
background: linear-gradient( to bottom, rgb( 70, 70, 70 ), rgb( 45, 45, 45 ) );
border: 3px solid rgb( 0, 0, 0 );
/* for testing */
z-index: 100;
}
#plateReaderBox .title {
text-align: center;
font-size: 20px;
padding: 5px 0;
margin: 0 auto;
color: rgb( 255, 255, 255 );
background-color: rgb( 20, 22, 18 );
}
#plateReaderBox .header {
width: 100%;
}
#plateReaderBox .container {
width: 100%;
height: 200px;
display: grid;
grid-template-rows: 60px 70px 60px;
align-items: center;
justify-items: center;
}
#plateReaderBox .container .btn {
width: 140px;
height: 35px;
border-radius: 10px;
font-size: 16px;
border: none;
}
#plateReaderBox .container .btn:hover {
background-color: rgb( 255, 255, 255 );
}
#plateReaderBox .container .btn:active {
background-color: rgb( 190, 190, 190 );
padding: 0;
}
#plateReaderBox .container .plate_input {
width: 75%;
height: 50px;
font-family: "Plate-Font";
text-align: center;
font-size: 38px;
padding: 0;
padding-bottom: 15px;
margin-bottom: -15px;
border: 3px solid rgb( 0, 0, 0 );
}
#plateReaderBox .close {
width: 80px;
height: 20px;
position: absolute;
left: 0;
right: 0;
bottom: 10px;
margin: auto;
border-radius: 10px;
border: none;
background-color: rgb( 225, 225, 225 );
}
#plateReaderBox .close:hover {
background-color: rgb( 255, 255, 255 );
}
#plateReaderBox .close:active {
background-color: rgb( 190, 190, 190 );
padding: 0;
}
#uiSettingsBox {
width: 250px;
height: 375px;
@@ -752,14 +843,8 @@ button:focus { outline: none; }
bottom: 0;
left: 0;
/* background-color: rgb( 0, 255, 55 ); */
/* background-color: transparent; */
background-color: rgb( 50, 54, 45 );
/* display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px; */
z-index: 3;
}
#uiSettingsBox .title {
@@ -771,14 +856,14 @@ button:focus { outline: none; }
background-color: rgb( 20, 22, 18 );
}
#uiSettingsBox .radar_settings {
#uiSettingsBox .header {
width: 100%;
}
#uiSettingsBox .scaling_container {
height: 225px;
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
#uiSettingsBox .scaling {