/*
 * Copyright (c) 2022 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.
 */

.devtools-link {
  color: var(--color-link);
  text-decoration: underline;
  cursor: pointer;
  padding: 2px 0; /* adjust focus ring size */
}

input.devtools-text-input[type="text"] {
  padding: 3px 6px;
  margin-left: 4px;
  margin-right: 4px;
  width: 250px;
  height: 25px;
}

.protocol-handlers-row {
  margin: 10px 0 2px 18px;
}

.inline-icon {
  vertical-align: text-bottom;
}

@media (forced-colors: active) {
  .devtools-link:not(.devtools-link-prevent-click) {
    color: linktext;
  }

  .devtools-link:focus-visible {
    background: Highlight;
    color: HighlightText;
  }
}

/*
 * Copyright (c) 2022 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.
 */

.devtools-link {
  color: var(--color-link);
  text-decoration: underline;
  cursor: pointer;
  padding: 2px 0; /* adjust focus ring size */
}

.devtools-link:focus-visible {
  outline-width: unset;
}

input.devtools-text-input[type="text"] {
  padding: 3px 6px;
  margin-left: 4px;
  margin-right: 4px;
  width: 250px;
  height: 25px;
}

.protocol-handlers-row {
  margin: 10px 0 2px 18px;
}

.inline-icon {
  vertical-align: text-bottom;
}

@media (forced-colors: active) {
  .devtools-link:not(.devtools-link-prevent-click) {
    color: linktext;
  }

  .devtools-link:focus-visible {
    background: Highlight;
    color: HighlightText;
  }
}

Fix focus box for hyperlinks and text box in protocol handler section
Fix focus box for hyperlinks and text box in protocol handler section

Issue:
1. Focus box was not visible on hyperlinks in the protocol handler section in the Application Tool when tabbing to it.
2. The focus box color for the text box in the protocol handler section did not follow the color of other text boxes in DevTools
GIF of issue: https://drive.google.com/file/d/1bLe_GXtzt1xzidSmaeJf4dj338sfBsKT/view?usp=sharing

Fix:
1. Focus box is now visible for hyperlinks when tabbing to it
2. The focus box color for the text box now matches other text boxes in DevTools

Bug: 1336012: Focus box not visible when tabbing to hyperlinks in Protocol Handler section in Manifest Application Tool
Change-Id: I4db01062183b3bc98eff3a25be65d9355dab7de4
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3705145
Commit-Queue: Kristin Lee <0f20a4934da336f76a8882b155f5bcf94925fad0@microsoft.com>
Reviewed-by: Wolfgang Beyer <573aa99bb19da47d816981118f95c945310dd3f4@chromium.org>
Reviewed-by: Michael Liao <00d75d81082fdf74688ec453c516b42f7cbf0f40@microsoft.com>
Reviewed-by: Jack Franklin <993fcadce4d04090da2fefd557a0995e7966c8d5@chromium.org>
