fixed preferences, fixed windows handles
This commit is contained in:
@@ -58,7 +58,7 @@ body[eicapp] {
|
||||
height: calc(100vh - var(--eicui-app-toolbar-height-active));
|
||||
position: fixed;
|
||||
top: var(--eicui-app-toolbar-height-active);
|
||||
z-index: 2;
|
||||
z-index: 99;
|
||||
}
|
||||
[eicapp] .app-workspace {
|
||||
display: grid;
|
||||
@@ -84,13 +84,11 @@ body[eicapp] {
|
||||
[eicapp] > [eicmenu][collapsed]:not(:hover) + .app-workspace{
|
||||
padding-left: var(--app-menu-collapsed-width);
|
||||
}
|
||||
|
||||
[eicapp] .app-workspace .window {
|
||||
position: fixed;
|
||||
padding: 3px;
|
||||
background: var(--app-color-secondary);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.35);
|
||||
cursor: nwse-resize;
|
||||
box-shadow: 0 0 20px rgba(147, 255, 255, 0.55);
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
overflow: hidden;
|
||||
@@ -100,11 +98,11 @@ body[eicapp] {
|
||||
max-width: 90vw;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: .3rem;
|
||||
}
|
||||
[eicapp] .app-workspace .window.active {
|
||||
z-index: 3;
|
||||
background: var(--app-color-primary);
|
||||
border-radius: .3rem;
|
||||
}
|
||||
[eicapp] .app-workspace .window > header {
|
||||
flex: 0 0 auto;
|
||||
@@ -185,6 +183,43 @@ body[eicapp] {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
[eicapp] .app-workspace .window .handle {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="n"] {
|
||||
top: -5px; left: 5px; right: 5px; height: 10px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="e"] {
|
||||
top: 5px; right: -5px; bottom: 5px; width: 10px;
|
||||
cursor: e-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="w"] {
|
||||
top: 5px; left: -5px; bottom: 5px; width: 10px;
|
||||
cursor: w-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="nw"] {
|
||||
top: -5px; left: -5px; width: 10px; height: 10px;
|
||||
cursor: nw-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="ne"] {
|
||||
top: -5px; right: -5px; width: 10px; height: 10px;
|
||||
cursor: ne-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="s"] {
|
||||
bottom: -5px; left: 5px; right: 5px; height: 10px;
|
||||
cursor: s-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="sw"] {
|
||||
bottom: -5px; left: -5px; width: 10px; height: 10px;
|
||||
cursor: sw-resize;
|
||||
}
|
||||
[eicapp] .app-workspace .window .handle[data-side="se"] {
|
||||
bottom: -5px; right: -5px; width: 10px; height: 10px;
|
||||
cursor: se-resize;
|
||||
}
|
||||
|
||||
[eicapp] .app-content-thesaurus {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
|
||||
Reference in New Issue
Block a user