small fixes
This commit is contained in:
@ -1,5 +1,5 @@
|
||||
<div class="table-wrapper space-below">
|
||||
<table>
|
||||
<div class="table-wrapper space-below" [class.scroll-top]="scrollTop !== undefined">
|
||||
<table [class.ellipsis]="ellipsis !== undefined">
|
||||
<ng-content></ng-content>
|
||||
</table>
|
||||
</div>
|
||||
|
@ -1,6 +1,6 @@
|
||||
@import "~@inst-iot/bosch-angular-ui-components/styles/variables/colors";
|
||||
|
||||
.table-wrapper {
|
||||
.table-wrapper.scroll-top {
|
||||
overflow-x: auto;
|
||||
width: 100%;
|
||||
|
||||
@ -20,10 +20,6 @@ table {
|
||||
|
||||
::ng-deep td, ::ng-deep th {
|
||||
padding: 8px 5px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
::ng-deep th {
|
||||
@ -32,4 +28,11 @@ table {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
table.ellipsis {
|
||||
::ng-deep td, ::ng-deep th {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import {Component, Input, OnInit} from '@angular/core';
|
||||
|
||||
@Component({
|
||||
// tslint:disable-next-line:component-selector
|
||||
@ -8,6 +8,9 @@ import { Component, OnInit } from '@angular/core';
|
||||
})
|
||||
export class RbTableComponent implements OnInit {
|
||||
|
||||
@Input() scrollTop;
|
||||
@Input() ellipsis;
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
|
Reference in New Issue
Block a user