chrome-devtools-frontend/front_end/ui/glassPane.css

Chrome DevTools UI

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

:host {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  contain: strict;
  background-color: transparent;
}

:host-context(.dimmed-pane) {
  background-color: rgb(255 255 255 / 50%); /* stylelint-disable-line plugin/use_theme_colors */
  /* See: crbug.com/1152736 for color variable migration. */
}

:host-context(.no-pointer-events) {
  pointer-events: none;
}

.widget {
  display: flex;
  background-color: transparent;
  pointer-events: auto;
  flex: none;
}

.no-pointer-events {
  pointer-events: none;
}

.arrow-top {
  margin-top: -19px;
  margin-left: -9px;
}

.arrow-bottom {
  margin-left: -9px;
}

.arrow-left {
  margin-left: -19px;
  margin-top: -9px;
}

.arrow-right {
  margin-top: -9px;
}

.arrow-none {
  display: none;
}

:host-context(.-theme-with-dark-background) .arrow {
  filter: invert(80%);
}