@atlassian/aui/lib/css/inline-dialog.css

Atlassian User Interface Framework

/*! AUI Inline Dialog */
aui-inline-dialog {
  display: block;
  position: absolute;
  z-index: 100;
}
aui-inline-dialog:not([resolved]) {
  display: none;
}
aui-inline-dialog .aui-inline-dialog-contents,
aui-inline-dialog .contents {
  overflow-y: auto;
}
aui-inline-dialog.aui-layer[aria-hidden="true"] {
  opacity: 0;
  transition: opacity 0.2s, visibility 0.2s;
  transition-delay: 0s;
  visibility: hidden;
  display: block;
}
aui-inline-dialog.aui-layer[aria-hidden="false"] {
  opacity: 1;
  transition: opacity 0.2s;
  transition-delay: 0s;
  visibility: visible;
}
aui-inline-dialog.aui-layer {
  height: auto;
}
aui-inline-dialog.aui-alignment-side-top {
  padding-bottom: 10px;
  padding-top: 0;
}
aui-inline-dialog.aui-alignment-side-top:before,
aui-inline-dialog.aui-alignment-side-top:after {
  top: calc(100% - 10px);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
aui-inline-dialog.aui-alignment-side-top:after {
  top: calc(100% - 11px);
}
aui-inline-dialog.aui-alignment-side-top.aui-alignment-element-attached-top {
  padding-bottom: 0;
  padding-top: 10px;
}
aui-inline-dialog.aui-alignment-side-top.aui-alignment-element-attached-top:before,
aui-inline-dialog.aui-alignment-side-top.aui-alignment-element-attached-top:after {
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 2px;
}
aui-inline-dialog.aui-alignment-side-top.aui-alignment-element-attached-top:after {
  top: 3px;
}
aui-inline-dialog.aui-alignment-side-bottom {
  padding-bottom: 0;
  padding-top: 10px;
}
aui-inline-dialog.aui-alignment-side-bottom:before {
  top: 2px;
}
aui-inline-dialog.aui-alignment-side-bottom:after {
  top: 3px;
}
aui-inline-dialog.aui-alignment-side-bottom.aui-alignment-element-attached-bottom {
  padding-bottom: 10px;
  padding-top: 0;
}
aui-inline-dialog.aui-alignment-side-bottom.aui-alignment-element-attached-bottom:before,
aui-inline-dialog.aui-alignment-side-bottom.aui-alignment-element-attached-bottom:after {
  top: calc(100% - 10px);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
aui-inline-dialog.aui-alignment-side-bottom.aui-alignment-element-attached-bottom:after {
  top: calc(100% - 11px);
}
aui-inline-dialog.aui-alignment-side-left {
  padding-left: 0;
  padding-right: 10px;
}
aui-inline-dialog.aui-alignment-side-left:before,
aui-inline-dialog.aui-alignment-side-left:after {
  left: calc(100% - 14px);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
aui-inline-dialog.aui-alignment-side-left:after {
  left: calc(100% - 15px);
}
aui-inline-dialog.aui-alignment-side-left.aui-alignment-element-attached-left {
  padding-left: 10px;
  padding-right: 0;
}
aui-inline-dialog.aui-alignment-side-left.aui-alignment-element-attached-left:before,
aui-inline-dialog.aui-alignment-side-left.aui-alignment-element-attached-left:after {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -2px;
}
aui-inline-dialog.aui-alignment-side-left.aui-alignment-element-attached-left:after {
  left: -1px;
}
aui-inline-dialog.aui-alignment-side-right {
  padding-left: 10px;
  padding-right: 0;
}
aui-inline-dialog.aui-alignment-side-right:before,
aui-inline-dialog.aui-alignment-side-right:after {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -2px;
}
aui-inline-dialog.aui-alignment-side-right:after {
  left: -1px;
}
aui-inline-dialog.aui-alignment-side-right.aui-alignment-element-attached-right {
  padding-left: 0;
  padding-right: 10px;
}
aui-inline-dialog.aui-alignment-side-right.aui-alignment-element-attached-right:before,
aui-inline-dialog.aui-alignment-side-right.aui-alignment-element-attached-right:after {
  left: calc(100% - 14px);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
aui-inline-dialog.aui-alignment-side-right.aui-alignment-element-attached-right:after {
  left: calc(100% - 15px);
}
aui-inline-dialog.aui-alignment-snap-left:before,
aui-inline-dialog.aui-alignment-snap-left:after {
  left: 6px;
}
aui-inline-dialog.aui-alignment-snap-center:before,
aui-inline-dialog.aui-alignment-snap-center:after {
  left: calc(50% - 8px);
}
aui-inline-dialog.aui-alignment-snap-right:before,
aui-inline-dialog.aui-alignment-snap-right:after {
  left: calc(100% - 22px);
}
aui-inline-dialog.aui-alignment-snap-top:before,
aui-inline-dialog.aui-alignment-snap-top:after {
  top: 10px;
}
aui-inline-dialog.aui-alignment-snap-middle:before,
aui-inline-dialog.aui-alignment-snap-middle:after {
  top: calc(50% - 4px);
}
aui-inline-dialog.aui-alignment-snap-bottom:before,
aui-inline-dialog.aui-alignment-snap-bottom:after {
  top: calc(100% - 18px);
}
aui-inline-dialog:before,
aui-inline-dialog:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  border-top: 0px;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  width: 0;
}
aui-inline-dialog:before {
  border-bottom-color: #DFE1E6;
}
.aui-inline-dialog {
  display: none;
  position: absolute;
  z-index: 100;
}
aui-inline-dialog,
.aui-inline-dialog {
  /* Inline Dialog + Forms Integration - top labels and full width fields supported */
  /* funny numbers to add up to 20px spacing in various places (border to cap height/baseline) */
  /*Inline Dialog Arrow */
}
aui-inline-dialog .aui-inline-dialog-contents,
.aui-inline-dialog .aui-inline-dialog-contents,
aui-inline-dialog .contents,
.aui-inline-dialog .contents {
  box-shadow: 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31);
  background: #FFFFFF;
  border: 0 solid #DFE1E6;
  border-radius: 3px;
  overflow: hidden;
  padding: 20px;
}
aui-inline-dialog .aui-inline-dialog-contents.aui-inline-dialog-no-shadow,
.aui-inline-dialog .aui-inline-dialog-contents.aui-inline-dialog-no-shadow,
aui-inline-dialog .contents.aui-inline-dialog-no-shadow,
.aui-inline-dialog .contents.aui-inline-dialog-no-shadow {
  box-shadow: none;
}
aui-inline-dialog .aui-inline-dialog-contents.aui-inline-dialog-auto-width,
.aui-inline-dialog .aui-inline-dialog-contents.aui-inline-dialog-auto-width,
aui-inline-dialog .contents.aui-inline-dialog-auto-width,
.aui-inline-dialog .contents.aui-inline-dialog-auto-width {
  width: auto;
}
aui-inline-dialog .aui-inline-dialog-contents form.aui h2:first-child,
.aui-inline-dialog .aui-inline-dialog-contents form.aui h2:first-child,
aui-inline-dialog .contents form.aui h2:first-child,
.aui-inline-dialog .contents form.aui h2:first-child {
  border-bottom: 1px solid #DFE1E6;
  margin: -7px 0 11px 0;
  padding: 0 0 12px 0;
}
aui-inline-dialog .aui-inline-dialog-contents form.aui .buttons-container,
.aui-inline-dialog .aui-inline-dialog-contents form.aui .buttons-container,
aui-inline-dialog .contents form.aui .buttons-container,
.aui-inline-dialog .contents form.aui .buttons-container {
  margin-top: 16px;
  padding: 0;
}
aui-inline-dialog .aui-inline-dialog-contents .submit + .cancel,
.aui-inline-dialog .aui-inline-dialog-contents .submit + .cancel,
aui-inline-dialog .contents .submit + .cancel,
.aui-inline-dialog .contents .submit + .cancel {
  margin-left: 0;
}
aui-inline-dialog .aui-inline-dialog-arrow,
.aui-inline-dialog .aui-inline-dialog-arrow,
aui-inline-dialog .arrow,
.aui-inline-dialog .arrow {
  position: absolute;
  height: 16px;
  /* for SVG positioning */
  top: -7px;
  /* matches #inline-dialog-shim */
  width: 16px;
  /* for SVG positioning */
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow,
aui-inline-dialog .arrow.aui-css-arrow,
.aui-inline-dialog .arrow.aui-css-arrow {
  width: 1px;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow::after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow::after,
aui-inline-dialog .arrow.aui-css-arrow::after,
.aui-inline-dialog .arrow.aui-css-arrow::after,
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow::before,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow::before,
aui-inline-dialog .arrow.aui-css-arrow::before,
.aui-inline-dialog .arrow.aui-css-arrow::before {
  border-color: #DFE1E6 transparent;
  border-style: solid;
  border-width: 0 8px 8px;
  content: "";
  left: -8px;
  position: absolute;
  top: 0;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow:after {
  border-bottom-color: #FFFFFF;
  top: 1px;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:after,
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:before,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:before,
aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:before,
.aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:before {
  border-width: 8px 8px 0;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-bottom-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-bottom-arrow:after {
  border-top-color: #FFFFFF;
  top: -1px;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow,
aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow,
.aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow {
  right: -7px;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:after,
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:before,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:before,
aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:before,
.aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:before {
  border-width: 8px 8px 8px 0;
  border-color: transparent #DFE1E6;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-left-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-left-arrow:after {
  border-color: transparent #FFFFFF transparent transparent;
  top: 0;
  right: 0;
}
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:after,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:after,
aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:after,
aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:before,
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:before,
aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:before,
.aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:before {
  border-width: 8px 0 8px 8px;
  border-color: transparent #DFE1E6;
  left: -7px;
}
.aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow.aui-right-arrow:after,
.aui-inline-dialog .arrow.aui-css-arrow.aui-right-arrow:after {
  border-color: transparent transparent transparent #FFFFFF;
  top: 0;
  right: 0;
  left: -8px;
}
/* Shim is for lte IE9 - class is added via JS */
.inline-dialog-shim {
  border: none;
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: -2;
}
#inline-dialog-shim {
  display: none;
}

/*# sourceMappingURL=inline-dialog.css.map */