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