xref: /external/chromium_org/ui/webui/resources/css/table.css

/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

html.col-resize * {
  cursor: col-resize !important;
}

.table[has-element-focus] > list > [lead] {
  border-color: hsl(214, 91%, 65%);
  z-index: 2;
}

.table[has-element-focus] > list > [selected] {
  background-color: hsl(214,91%,89%);
  border-color: hsl(214, 91%, 65%);
}

.table[has-element-focus] > list > [lead][selected],
list > [selected]:hover {
  background-color: hsl(214, 91%, 87%);
  border-color: hsl(214, 91%, 65%);
}

.list > * {
  border-left: none;
  border-right: none;
  padding: 0;
}

.table:focus {
  border: 1px solid;
}

.table {
  border: 1px solid;
  outline: none;
  overflow: hidden;
}

.table-row {
  display: -webkit-box;
  text-align: start;
  width: 100%;
}

.table-row-cell {
  display: -webkit-box;
  overflow: hidden;
}

.table-row-cell > * {
  margin: 0 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-header {
  background-color: rgb(220, 220, 220);
  overflow: hidden;
  position: relative;
}

.table-header-inner {
  -webkit-user-select: none;
  cursor: default;
  display: -webkit-box;
  position: relative;
  text-align: start;
}

.table-header-cell {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-header-label {
  margin: 0 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-header-label > * {
  padding: 0 12px;
}

.table-header-sort-image-desc::after {
  -webkit-padding-start: 5px;
  color: #888;
  content: '\25be'; /* BLACK DOWN-POINTING SMALL TRIANGLE */
  position: relative;
  top: -2px;
}

.table-header-sort-image-asc::after {
  -webkit-padding-start: 5px;
  color: #888;
  content: '\25b4'; /* BLACK UP-POINTING SMALL TRIANGLE */
  position: relative;
  top: -2px;
}

.table-header-splitter {
  -webkit-margin-start: -1px;
  background-color: black;
  cursor: col-resize;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 5px;
}