table.scss

/**
 * Copyright 2021 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

$vertical-spacing: 15px;
$horizontal-spacing: 15px;
$result-background: #f0f0f0;
$border-radius: 3px;

.node-table {
  font-size: 14px;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.node-table tr:nth-child(odd) {
  background-color: $result-background;
}

.node-table th,
.node-table td {
  padding: 8px 12px;
}

.node-table .property-column,
.node-table .provenance-column {
  width: 25%;
}

.node-table li {
  margin: 4px 0;
}

th a,
td a {
  word-wrap: break-word;
}

.card {
  border-radius: $border-radius;
  border: 0.5px solid #dee2e6;
  margin: $vertical-spacing 0;
  overflow: hidden;
  padding: $vertical-spacing;
  position: relative;
}

.table-page-section {
  padding-top: 10px;
}

.table-page-section h3 {
  border-radius: $border-radius;
  font-size: 1.2rem;
  margin: 10px (-$horizontal-spacing);
  padding: 6px $horizontal-spacing;
}

.expando {
  cursor: pointer;
  float: right;
}

.expando:hover {
  text-decoration: underline;
}

.expando .material-icons {
  font-size: 1rem;
  vertical-align: middle;
}

.expando span {
  line-height: 1;
  vertical-align: middle;
}