next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
2019-10-21 13:20:14 +09:00

48 lines
780 B
SCSS

::ng-deep .mat-tab-label,
::ng-deep .mat-tab-label-active {
min-width: 0 !important;
}
::ng-deep .mat-tab-body-wrapper,
::ng-deep .mat-tab-body {
height: 100%;
width:100%;
}
.logo{
position: absolute;
top:0;
left:0;
height:60px;
width:70px;
}
.container {
display: flex;
height: 100%;
}
.mat-tab-group {
display: flex;
width:100%;
flex-direction: row;
}
::ng-deep .global-menu{
border-right:1px solid #dddddd;
.mat-tab-label-container{
border-right:1px solid #dddddd;
.mat-tab-list{
.mat-tab-labels{
padding-top:60px;
flex-flow: column;
height: 60%;
.mat-tab-label{
height:80px;
}
}
.mat-ink-bar{
background-color:none;
height:0;
}
}
}
}