thingsboard/ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.scss
2024-01-09 10:46:16 +02:00

62 lines
1.5 KiB
SCSS

/**
* Copyright © 2016-2024 The Thingsboard Authors
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
:host ::ng-deep {
.assignee-field {
.mat-form-field-label-wrapper {
overflow: visible;
left: -36px;
}
.user-avatar {
min-width: 28px;
min-height: 28px;
margin-right: 8px;
border-radius: 50%;
font-weight: 700;
color: #fff;
font-size: 13px;
line-height: normal;
}
}
.mat-expansion-panel {
&.tb-alarm-details {
box-shadow: none;
margin-bottom: 2px;
&.mat-expanded {
margin-bottom: 24px;
}
.mat-expansion-panel-header {
padding: 0;
height: 24px;
&:hover {
background: none !important;
}
.mat-expansion-indicator {
padding: 2px;
}
}
.mat-expansion-panel-header-description {
align-items: center;
}
.mat-expansion-panel-body {
padding: 0;
}
}
.mat-expansion-panel-content {
font: inherit;
}
}
}