front_end/ui/dropTarget.css

/*
 * Copyright (c) 2015 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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background-color: rgb(255 255 255 / 80%);
  z-index: 1000;
}

.drop-target-message {
  flex: auto;
  font-size: 30px;
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  border: 4px dashed #ddd;
  pointer-events: none;
}