82 lines
1.5 KiB
SCSS
Raw Normal View History

2020-01-29 20:00:10 +09:00
@mixin ellipsis($row) {
overflow: hidden;
text-overflow: ellipsis;
@if $row == 1 {
display: block;
white-space: nowrap;
word-wrap: normal;
} @else if $row >= 2 {
display: -webkit-box;
-webkit-line-clamp: $row;
-webkit-box-orient: vertical;
word-wrap: break-word;
}
}
2020-01-29 09:58:40 +09:00
.search-scrollbar {
height: 550px;
}
2020-01-29 20:00:10 +09:00
::ng-deep .search-area {
.search-container {
width: 100%;
max-width: 100%;
.icon-img {
color: #777777;
transform: translateY(-4px);
}
.mat-form-field {
color: #333333;
width: 100%;
margin-left: -20px;
.mat-form-field-infix {
padding-left: 26px;
}
&.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
.mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float
.mat-input-server:focus
+ .mat-form-field-label-wrapper
.mat-form-field-label {
font-size: 0.7em;
transform: translateY(-1.28125em) scale(1);
}
}
}
}
2020-01-29 09:58:40 +09:00
2020-01-29 20:00:10 +09:00
.table-box {
font-size: 13px;
width: 100%;
overflow: hidden;
td.mat-cell {
padding: 6px;
div {
@include ellipsis(1);
&.name {
font-size: 1em;
font-weight: 600;
}
&.status {
font-size: 0.84em;
}
}
}
}
2020-01-29 09:58:40 +09:00
2020-01-29 20:00:10 +09:00
.thumbnail {
&-mask {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
margin-right: 12px;
position: relative;
img {
width: 40px;
height: auto;
background-color: #efefef;
}
}
}