ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fixed

Browse Source
This commit is contained in:
병준 박 2019-11-22 09:53:11 +09:00
parent 447577aa1b
commit 9321688bc4
1 changed files with 37 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
View File

@ -1,12 +1,6 @@
::ng-deep .cdk-overlay-pane {
width: 600px;
max-height: 90%;
height:800px;
}
::ng-deep .setting-frame{
::ng-deep .setting-frame {
padding: 16px;
height:100%;
height: 100%;
min-width: 500px;
position: relative;
@ -17,7 +11,7 @@
.mat-card-header {
position: relative;
width: 100%;
border-bottom:1px solid #dddddd;
border-bottom: 1px solid #dddddd;
margin-bottom: 12px;
}
@ -26,17 +20,16 @@
display: flex;
align-items: flex-start;
height: calc(100% - 100px);
border-bottom:1px solid #dddddd;
.setting-tab{
border-bottom: 1px solid #dddddd;
.setting-tab {
position: relative;
width:100%;
height:100%;
.mat-tab-body-wrapper{
border-left:1px solid #dddddd;
width: 100%;
height: 100%;
.mat-tab-body-wrapper {
border-left: 1px solid #dddddd;
position: relative;
height:100%;
height: 100%;
padding: 0 0 10px 10px;
}
}
}
@ -52,49 +45,47 @@
}
}
::ng-deep .setting-tab{
.mat-tab-group{
::ng-deep .setting-tab {
.mat-tab-group {
position: relative;
height:100%;
width:100%;
.mat-tab-header{
.mat-tab-label-container{
.mat-tab-list{
.mat-tab-labels{
border-bottom:0;
padding-right:10px;
.mat-tab-label{
padding:0 10px;
height: 100%;
width: 100%;
.mat-tab-header {
.mat-tab-label-container {
.mat-tab-list {
.mat-tab-labels {
border-bottom: 0;
padding-right: 10px;
.mat-tab-label {
padding: 0 10px;
}
}
}
}
}
.mat-tab-body-wrapper{
.mat-tab-body{
.mat-tab-body-conten{
position:relative;
width:100%;
height:100%;
.mat-list-base{
position:relative;
.mat-tab-body-wrapper {
.mat-tab-body {
.mat-tab-body-conten {
position: relative;
width: 100%;
height: 100%;
.mat-list-base {
position: relative;
}
}
}
}
}
}
::ng-deep .setting-category{
.mat-list-base{
position:relative;
.mat-list-item{
font-size:15px;
::ng-deep .setting-category {
.mat-list-base {
position: relative;
.mat-list-item {
font-size: 15px;
}
.mat-divider{
.mat-divider {
}
}
}
}