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

     1  import { LitElement, html, css } from "lit";
     2  import { customElement, property } from "lit/decorators.js";
     3  
     4  @customElement('testgrid-grid-column-header')
     5  export class TestgridGridColumnHeader extends LitElement{
     6      // TODO(michelle192837): Collate column headers with the same value.
     7      static styles = css`
     8      :host {
     9        text-align: center;
    10        font-family: Roboto, Verdana, sans-serif;
    11        display: inline-block;
    12        background-color: #ccd;
    13        color: #224;
    14        min-height: 22px;
    15        max-height: 22px;
    16        max-width: 80px;
    17        width:80px;
    18        min-width: 80px;
    19        padding: .1em .3em;
    20        box-sizing: border-box;
    21        white-space:nowrap;
    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  }