dany/antos-frontend
1
0
Fork 0
mirror of https://github.com/lxsang/antos-frontend.git synced 2025-07-16 22:09:54 +02:00
Code Issues 1 Actions Projects Releases Wiki Activity

feat: allow to resize on any edge of the window
All checks were successful
gitea-sync/antos-frontend/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
DL
2024-06-25 16:27:10 +02:00
parent 147353327b
commit 73f925ac8c
2 changed files with 146 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/themes/system/afx-app-window.css
View File

@ -60,7 +60,40 @@ afx-app-window div.afx-window-content
width: 100%;
flex-grow: 1;
}
afx-app-window div.afx-window-grip{
afx-app-window div.afx-window-grip-top-left{
height: 10px;
width: 10px;
user-select:none;
position: absolute;
top: 0;
left: 0;
cursor: nwse-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-bottom-left{
height: 10px;
width: 10px;
user-select:none;
position: absolute;
left: 0;
bottom: 0;
cursor: nesw-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-top-right{
height: 10px;
width: 10px;
user-select:none;
position: absolute;
top: 0;
right: 0;
cursor: nesw-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-bottom-right{
height: 10px;
width: 10px;
user-select:none;
@ -71,24 +104,46 @@ afx-app-window div.afx-window-grip{
background-color: transparent;
}
afx-app-window div.afx-window-grip-bottom{
height: 3px;
afx-app-window div.afx-window-grip-top{
height: 5px;
user-select:none;
position: absolute;
bottom: -1px;
left: 0;
top: -2px;
left: 10px;
right: 10px;
cursor: ns-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-left{
width: 5px;
user-select:none;
position: absolute;
top: 10px;
left: -2px;
bottom: 10px;
cursor: ew-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-bottom{
height: 5px;
user-select:none;
position: absolute;
bottom: -2px;
left: 10px;
right: 10px;
cursor: ns-resize;
background-color: transparent;
}
afx-app-window div.afx-window-grip-right{
width: 3px;
width: 5px;
user-select:none;
position: absolute;
bottom: 10px;
right: -1px;
top: 0;
right: -2px;
top: 10px;
cursor: ew-resize;
background-color: transparent;
}