linse/seweb
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Curves settings UI

Browse Source
This commit is contained in:
l_samenv
2024-09-03 16:28:47 +02:00
parent 668f6d4aad
commit 933088fd08
8 changed files with 443 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
client/components/curves_settings_popup/curves_settings_popup.css Normal file
View File

@ -0,0 +1,119 @@
#curves-settings-popup{
width: 100%;
height: 100%;
z-index: 53;
position: absolute;
top: 0;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.2);
margin-top: 30px;
padding-bottom: 60px;
}
#curves-settings-popup-container{
width: 380px;
height: 100%;
border: 2px solid black;
margin: auto;
background-color: white;
}
#curves-settings-popup-header{
height: 40px;
display: flex;
border-bottom: 2px solid black;
box-sizing: border-box;
}
#curves-settings-popup-header span{
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
}
#curves-settings-popup-header img{
width: 15px;
height: 15px;
margin-left: auto;
margin-right: 10px;
margin-top: auto;
margin-bottom: auto;
cursor: pointer;
}
#curves-settings-popup-content{
padding: 10px;
height: calc(100% - 80px);
}
.button-center-wrapper{
width: 100%;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.scrollable-content{
height: 100%;
overflow-y: auto;
}
#curves-settings-popup-table{
width: 335px;
}
#curves-settings-popup-table,
#curves-settings-popup-table tr th,
#curves-settings-popup-table tr td
{
border-collapse: collapse;
border: 1px solid black;
padding: 0;
}
#curves-settings-popup-table th {
text-align: left;
}
.text-input{
padding: 0;
border: 0;
}
.bin-cell{
width: 15px;
}
td img{
width: 15px;
height: 15px;
}
.variable-cell, .parameter-cell, .cat-cell{
width: 73px;
}
.color-cell{
width: 57px;
}
.unit-cell{
width: 37px;
}
#curves-settings-popup-footer{
height: 40px;
display: flex;
border-top: 2px solid black;
box-sizing: border-box;
justify-content: flex-end;
display: flex;
}
#curves-settings-popup-footer button{
margin-top: auto;
margin-bottom: auto;
margin-right: 10px;
}