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

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

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

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

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