next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
2019-10-29 19:06:25 +09:00

52 lines
867 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 .organization-side{
flex-direction: column;
height:100%;
}
::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: 0px;
flex-flow: column;
height: 280px;
.mat-tab-label {
height: 80px;
}
}
.mat-ink-bar {
background-color: none;
height: 0;
}
}
}
}