You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.2 KiB
85 lines
1.2 KiB
2 years ago
|
ResizableElement
|
||
|
{
|
||
|
position:absolute;
|
||
|
top: 0;
|
||
|
bottom: 0;
|
||
|
right: 0;
|
||
|
left: 0;
|
||
|
flex-direction: row;
|
||
|
align-items: stretch;
|
||
|
}
|
||
|
|
||
|
ResizableElement #right
|
||
|
{
|
||
|
width: 10px;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch;
|
||
|
}
|
||
|
|
||
|
ResizableElement #left
|
||
|
{
|
||
|
width: 10px;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch;
|
||
|
}
|
||
|
ResizableElement #middle
|
||
|
{
|
||
|
flex:1 0 auto;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch;
|
||
|
}
|
||
|
|
||
|
|
||
|
ResizableElement #left #top-left-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-up-left;
|
||
|
}
|
||
|
|
||
|
ResizableElement #left #left-resize
|
||
|
{
|
||
|
flex:1 0 auto;
|
||
|
cursor: resize-horizontal;
|
||
|
}
|
||
|
|
||
|
ResizableElement #left #bottom-left-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-up-right;
|
||
|
}
|
||
|
|
||
|
ResizableElement #middle #top-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-vertical;
|
||
|
}
|
||
|
|
||
|
ResizableElement #middle #middle-center
|
||
|
{
|
||
|
flex:1 0 auto;
|
||
|
}
|
||
|
|
||
|
ResizableElement #middle #bottom-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-vertical;
|
||
|
}
|
||
|
|
||
|
ResizableElement #right #top-right-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-up-right;
|
||
|
}
|
||
|
|
||
|
ResizableElement #right #right-resize
|
||
|
{
|
||
|
flex:1 0 auto;
|
||
|
cursor: resize-horizontal;
|
||
|
}
|
||
|
|
||
|
ResizableElement #right #bottom-right-resize
|
||
|
{
|
||
|
height: 10px;
|
||
|
cursor: resize-up-left;
|
||
|
}
|