web/browser/components/modal/modal.css

/* Copyright 2015 The Vanadium Authors. All rights reserved. */
/* Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

@import "../base/variables.css";

.modal {
  visibility: visible;
}

.modal.hidden {
  visibility: hidden;
}

.modal-blocker {
  position: fixed;
  z-index: 888;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.24);
}

.modal-dialog {
  position: absolute;
  z-index: 999;
  /* HACK: Header's title line-height + 2x the gutters. */
  top: calc(20px + (var(--gutter) * 3));
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  box-shadow: var(--drop-shadow);
  margin: var(--gutter);
  padding: var(--gutter);
  background-color: var(--blue-grey-25);
  overflow: scroll;
}