100 lines
1.7 KiB
SCSS
Raw Normal View History

2019-11-21 15:32:18 +09:00
::ng-deep .cdk-overlay-pane {
width: 600px;
max-height: 90%;
2019-11-21 19:08:31 +09:00
height:800px;
2019-11-21 14:54:25 +09:00
}
2019-11-21 19:08:31 +09:00
::ng-deep .setting-frame{
2019-11-21 14:54:25 +09:00
padding: 16px;
2019-11-21 19:08:31 +09:00
height:100%;
2019-11-21 10:29:19 +09:00
min-width: 500px;
2019-11-21 14:54:25 +09:00
position: relative;
2019-11-21 10:29:19 +09:00
2019-11-21 19:08:31 +09:00
.mat-dialog-container {
position: relative;
}
2019-11-21 10:29:19 +09:00
.mat-card-header {
2019-11-21 14:54:25 +09:00
position: relative;
width: 100%;
2019-11-21 19:08:31 +09:00
border-bottom:1px solid #dddddd;
2019-11-21 14:54:25 +09:00
margin-bottom: 12px;
2019-11-21 10:29:19 +09:00
}
.mat-card-content {
2019-11-21 14:54:25 +09:00
flex: 0 0 auto;
2019-11-21 10:29:19 +09:00
display: flex;
2019-11-21 14:54:25 +09:00
align-items: flex-start;
height: calc(100% - 100px);
2019-11-21 19:08:31 +09:00
border-bottom:1px solid #dddddd;
.setting-tab{
2019-11-21 14:54:25 +09:00
position: relative;
2019-11-21 19:08:31 +09:00
width:100%;
height:100%;
.mat-tab-body-wrapper{
border-left:1px solid #dddddd;
2019-11-21 14:54:25 +09:00
position: relative;
2019-11-21 19:08:31 +09:00
height:100%;
padding: 0 0 10px 10px;
2019-11-21 14:54:25 +09:00
}
2019-11-21 10:29:19 +09:00
}
}
.button-farm {
text-align: right;
2019-11-21 19:08:31 +09:00
position: absolute;
2019-11-21 14:54:25 +09:00
width: 100%;
bottom: 10px;
2019-11-21 10:29:19 +09:00
.mat-primary {
margin-left: 4px;
}
}
}
2019-11-21 19:08:31 +09:00
::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;
}
}
}
}
}
.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;
}
.mat-divider{
}
}
}