fixed move & rotate tweens + mapping to child OK

This commit is contained in:
STEINNI
2025-10-01 19:09:54 +00:00
parent 7a50311fcd
commit b5b76d51cc
20 changed files with 196 additions and 74 deletions
+12 -13
View File
@@ -87,7 +87,7 @@ body[eicapp] {
}
[eicapp] .app-workspace .window {
position: fixed;
padding: 3px;
padding: 5px;
background: var(--app-color-secondary);
box-shadow: 0 0 13px rgba(147, 255, 255, 0.55);
right: auto;
@@ -107,6 +107,7 @@ body[eicapp] {
}
[eicapp] .app-workspace .window > header {
flex: 0 0 auto;
width: 100%;
}
[eicapp] .app-workspace .window > header h1 {
padding: var(--eicui-base-spacing-xs);
@@ -127,13 +128,11 @@ body[eicapp] {
[eicapp] .app-workspace .window > header .controls button.expand { display: inline-flex; }
[eicapp] .app-workspace .window > header .controls button.shrink { display: none; }
[eicapp] .app-workspace .window > section {
padding: var(--eicui-base-spacing-2xs) var(--eicui-base-spacing-2xs);
cursor: default;
margin: 0;
overflow: hidden;
transition: all 0.5s;
flex: 1 1 auto;
width: 100%;
}
[eicapp] .app-workspace .window[device="tablet"] > section {
padding: 0;
@@ -189,35 +188,35 @@ body[eicapp] {
z-index: 2;
}
[eicapp] .app-workspace .window .handle[data-side="n"] {
top: -5px; left: 5px; right: 5px; height: 10px;
top: 0; left: 6px; right: 6px; height: 5px;
cursor: n-resize;
}
[eicapp] .app-workspace .window .handle[data-side="e"] {
top: 5px; right: -5px; bottom: 5px; width: 10px;
top: 6px; right: 0; bottom: 6px; width: 5px;
cursor: e-resize;
}
[eicapp] .app-workspace .window .handle[data-side="w"] {
top: 5px; left: -5px; bottom: 5px; width: 10px;
top: 6px; left: 0; bottom: 6px; width: 5px;
cursor: w-resize;
}
[eicapp] .app-workspace .window .handle[data-side="nw"] {
top: -5px; left: -5px; width: 10px; height: 10px;
cursor: nw-resize;
top: 0px; left: 0px; width: 6px; height: 6px;
cursor: nw-resize;
}
[eicapp] .app-workspace .window .handle[data-side="ne"] {
top: -5px; right: -5px; width: 10px; height: 10px;
top: 0; right: 0; width: 6px; height: 6px;
cursor: ne-resize;
}
[eicapp] .app-workspace .window .handle[data-side="s"] {
bottom: -5px; left: 5px; right: 5px; height: 10px;
bottom: 0; left: 6px; right: 6px; height: 5px;
cursor: s-resize;
}
[eicapp] .app-workspace .window .handle[data-side="sw"] {
bottom: -5px; left: -5px; width: 10px; height: 10px;
bottom: -0; left: 0; width: 6px; height: 6px;
cursor: sw-resize;
}
[eicapp] .app-workspace .window .handle[data-side="se"] {
bottom: -5px; right: -5px; width: 10px; height: 10px;
bottom: 0; right: 0; width: 6px; height: 6px;
cursor: se-resize;
}