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

Removed curves settings footer and moved all buttons at end of table

Browse Source
This commit is contained in:
l_samenv
2024-09-05 11:38:35 +02:00
parent 14073c0cfc
commit b04528fb34
2 changed files with 12 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
client/components/curves_settings_popup/curves_settings_popup.css
View File

@ -43,19 +43,21 @@
#curves-settings-popup-content{
padding: 10px;
height: calc(100% - 80px);
height: calc(100% - 40px);
display: flex;
flex-direction: column;
}
.button-center-wrapper{
.buttons-wrapper{
width: 100%;
height: 20px;
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.apply-button, .cancel-button{
margin-left: auto;
}
.scrollable-content{
@ -109,20 +111,4 @@
td img{
width: 15px;
height: 15px;
}
#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;
}
}

12
client/components/curves_settings_popup/curves_settings_popup.js
View File

@ -236,17 +236,13 @@ class CurvesSettingsPopup extends HTMLElement{
<tbody>
</tbody>
</table>
<div class="button-center-wrapper">
<button class="add-row-button">Add</button>
<div class="buttons-wrapper">
<button class="add-row-button">Add line</button>
<button class="apply-button">Apply</button>
<button class="cancel-button">Cancel</button>
</div>
</div>
</div>
<div id="curves-settings-popup-footer">
<button class="cancel-button">Cancel</button>
<button class="apply-button">Apply</button>
</div>
</div>
</div>
`;