|  | /* | 
|  | * Copyright 2017 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. | 
|  | */ | 
|  |  | 
|  | .thread-item { | 
|  | padding: 3px 8px 3px 20px; | 
|  | position: relative; | 
|  | min-height: 18px; | 
|  | line-height: 15px; | 
|  | display: flex; | 
|  | flex-wrap: wrap; | 
|  | } | 
|  |  | 
|  | .thread-item + .thread-item { | 
|  | border-top: 1px solid #efefef; | 
|  | } | 
|  |  | 
|  | .thread-item:hover { | 
|  | background-color: #eee; | 
|  | } | 
|  |  | 
|  | .thread-item[data-keyboard-focus="true"] { | 
|  | background-color: var(--focus-bg-color); | 
|  | } | 
|  |  | 
|  | .thread-item-title, | 
|  | .thread-item-paused-state { | 
|  | text-overflow: ellipsis; | 
|  | overflow: hidden; | 
|  | white-space: nowrap; | 
|  | } | 
|  |  | 
|  | .thread-item-paused-state { | 
|  | color: #888; | 
|  | margin-left: auto; | 
|  | padding: 0 10px 0 10px; | 
|  | } | 
|  |  | 
|  | .selected-thread-icon { | 
|  | display: none; | 
|  | position: absolute; | 
|  | top: 5px; | 
|  | left: 4px; | 
|  | } | 
|  |  | 
|  | .thread-item.selected .selected-thread-icon { | 
|  | display: block; | 
|  | } |