| /* Copyright 2020 The Chromium Authors |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| * { |
| box-sizing: border-box; |
| } |
| |
| body { |
| color: rgb(48, 57, 66); |
| display: flex; |
| flex-direction: column; |
| font-size: 13px; |
| height: 100vh; |
| margin: 0; |
| |
| --header-background: rgb(241, 243, 244); |
| --header-hover-background: var(--border-color); |
| --border-color: rgb(218, 220, 224); |
| --data-hover-background: #e8f0fe; |
| --data-selected-background: #a6c8ff; |
| --cell-padding: 16px; |
| } |
| |
| header { |
| padding: 1rem 1rem 0 1rem; |
| } |
| |
| cr-tab-box { |
| flex: 1; |
| width: 100%; |
| min-height: 0; |
| } |
| |
| attribution-internals-table { |
| min-width: 0; |
| flex: 1; |
| } |
| |
| attribution-detail-table { |
| min-width: 0; |
| flex: 2; |
| } |
| |
| div[slot='panel'][selected] { |
| column-gap: 1rem; |
| display: flex; |
| width: 100%; |
| padding: 1rem 0; |
| } |
| |
| header button { |
| font: inherit; |
| margin-inline-end: 30px; |
| } |
| |
| div[slot='tab']::before { |
| color: transparent; |
| content: '⬤ ' / ''; |
| } |
| |
| div[slot='tab'].unread::before { |
| color: rgb(26,115,232); |
| content: '⬤ ' / '(Unread) '; |
| } |