/*
 * Copyright 2020 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.
 */

.report-field-name {
  flex: 0 0 200px;
}

.report-field-value {
  user-select: text;
  display: flex;
}

.report-field .inline-name {
  color: #888;
  padding-left: 2ex;
  user-select: none;
}

.report-field .inline-name::after {
  content: ":\A0";
}

.report-field .inline-comment {
  color: #555;
  padding-left: 1ex;
}

.report-field .inline-comment::before {
  content: "(";
}

.report-field .inline-comment::after {
  content: ")";
}

.report-field .inline-span {
  padding-left: 1ex;
}

.report-field-value-link {
  display: inline-block;
}

.icon-link.devtools-link {
  background-color: var(--link-color);
  vertical-align: sub;
}

.frame-details-container {
  overflow: auto;
}

.frame-details-report-container {
  min-width: 500px;
}

.text-ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
 * Copyright 2020 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.
 */

.report-field-name {
  flex: 0 0 200px;
}

.report-field-value {
  user-select: text;
  display: flex;
}

.report-field .inline-name {
  color: #888;
  padding-left: 2ex;
  user-select: none;
}

.report-field .inline-name::after {
  content: ":\A0";
}

.report-field .inline-comment {
  color: #555;
  padding-left: 1ex;
}

.report-field .inline-comment::before {
  content: "(";
}

.report-field .inline-comment::after {
  content: ")";
}

.report-field .inline-span {
  padding-left: 1ex;
}

.report-field-value-link {
  display: inline-block;
}

.icon-link.devtools-link {
  background-color: var(--link-color);
  vertical-align: sub;
}

.frame-details-container {
  overflow: auto;
}

.frame-details-report-container {
  min-width: 550px;
}

.text-ellipsis {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

Fix overlapping text for COOP policy in frame details
Fix overlapping text for COOP policy in frame details

Increasing the min-width is just a bandaid. This CL is related to
https://crrev.com/c/2431507. To properly fix the overall behaviour one
would have to take a closer look at the ReportView's css and maybe
remove one of the two nested containers which cause the two scrollbars
in the linked CL.

Before: https://i.imgur.com/qKiYDEW.png
After: https://i.imgur.com/gqaSu35.png

Bug: chromium:1093247
Change-Id: I5322758ae1e464c3e8fe674d78649022d79ac9b5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2466181
Commit-Queue: Wolfgang Beyer <573aa99bb19da47d816981118f95c945310dd3f4@chromium.org>
Reviewed-by: Sigurd Schneider <f04d242e109628a27a0f75fd49a87722bcf291fd@chromium.org>
