github.com/GoogleCloudPlatform/testgrid@v0.0.174/web/src/testgrid-grid-row-name.ts (about)

     1  import { LitElement, html, css } from "lit";
     2  import { customElement, property } from "lit/decorators.js";
     3  
     4  @customElement('testgrid-grid-row-name')
     5  export class TestgridGridRowName extends LitElement{
     6      static styles = css`
     7      :host {
     8        text-align: left;
     9        font-family: Roboto, Verdana, sans-serif;
    10        display: inline-block;
    11        background-color: #ccd;
    12        color: #224;
    13        min-height: 1.2em;
    14        max-width: 300px;
    15        width:200px;
    16        padding: .1em .3em;
    17        box-sizing: border-box;
    18        min-height: 22px;
    19        max-height: 22px;
    20        white-space:nowrap;
    21        min-width: 300px;
    22        overflow-x: hidden;
    23        text-overflow: ellipsis;
    24      }
    25    `;
    26  
    27      @property() name: String;
    28  
    29      render(){
    30          return html`${this.name}`;
    31      }
    32  }