atom-nuclide/pkg/nuclide-diagnostics-ui/styles/fixed-data-table.less

A unified developer experience for web and mobile development, built as a suite of features on top of Atom to provide hackability and the support of an active community.

@import "ui-variables";

/**
 * FixedDataTable v0.4.1
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

/**
 * Table.
 */
.public_fixedDataTable_main {
  border-color: @inset-panel-border-color;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold;
}

.public_fixedDataTable_header,
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: @panel-heading-background-color;
  border-color: @inset-panel-border-color;
}

/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  border-color: transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  display: table-cell;
  height: inherit;
  overflow: hidden;
  padding: 4px 8px;
  vertical-align: middle;
  white-space: normal;
  word-break: break-all;
}

.public_fixedDataTableCell_main:last-child {
  border-right-width: 0;
}

/** fixedDataTableCellGroupLayout */

.fixedDataTableCellGroupLayout_cellGroup {
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
}

.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  height: inherit;
  vertical-align: top;
  white-space: normal;
}

/** fixedDataTableLayout */

.fixedDataTableLayout_main {
  background-color: @inset-panel-background-color;
  border-width: 0;
  display: flex;
  flex: 1;
  min-height: 0;
}

.fixedDataTableLayout_header {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/** fixedDataTableRowLayout */

.fixedDataTableRowLayout_main {
  overflow: hidden;
}

.fixedDataTableRowLayout_rowWrapper {
  top: 0;
  cursor: pointer;
}

.nuclide-diagnostics-pane__actionable {
  cursor: pointer;
}