2019-09-26 11:11:22 +09:00
|
|
|
.container {
|
2019-11-18 09:15:20 +09:00
|
|
|
height:100%;
|
2019-10-29 09:21:54 +09:00
|
|
|
display: flex;
|
2019-10-21 13:20:14 +09:00
|
|
|
flex-flow: row;
|
2019-10-29 09:21:54 +09:00
|
|
|
padding-top: 30px;
|
2019-11-13 10:45:06 +09:00
|
|
|
border: 3px solid #4f4f4f;
|
|
|
|
border-top: none;
|
2019-09-18 15:02:21 +09:00
|
|
|
|
2019-11-18 09:15:20 +09:00
|
|
|
.split-area{
|
|
|
|
overflow: hidden;
|
|
|
|
.left-side {
|
2019-11-13 10:45:06 +09:00
|
|
|
width: 100%;
|
2019-09-26 14:38:21 +09:00
|
|
|
height: 100%;
|
2019-10-21 13:20:14 +09:00
|
|
|
flex: 0 0 auto;
|
2019-11-04 13:09:58 +09:00
|
|
|
position: relative;
|
2019-11-18 09:15:20 +09:00
|
|
|
}
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
2019-11-18 09:15:20 +09:00
|
|
|
|
2019-09-26 14:38:21 +09:00
|
|
|
.contents {
|
2019-10-29 09:21:54 +09:00
|
|
|
flex: 1 1 auto;
|
|
|
|
min-width: 400px;
|
2019-09-26 14:38:21 +09:00
|
|
|
height: 100%;
|
2019-10-08 18:12:58 +09:00
|
|
|
.messages {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
2019-11-18 09:15:20 +09:00
|
|
|
.rightDrawer{
|
|
|
|
width:420px;
|
|
|
|
height: 100%;
|
|
|
|
flex: 0 0 auto;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
|
|
|
.right-side {
|
|
|
|
height: 100%;
|
2019-10-21 13:20:14 +09:00
|
|
|
flex: 0 0 auto;
|
2019-09-26 14:38:21 +09:00
|
|
|
}
|
2019-09-18 15:02:21 +09:00
|
|
|
}
|
2019-11-18 09:15:20 +09:00
|
|
|
|
|
|
|
::ng-deep .mat-drawer-inner-container{
|
|
|
|
overflow: unset !important;
|
|
|
|
}
|