/*
 * Memo:
 * Unfortunately, we use "!important" in our non-print CSS + we
 * use the occasional inline style; so !important is used in
 * print.css to override any styles found in other prior stylesheets
 * (amy
 *
 * TODO:
 * - unfocus / unhover mouse upon hitting print button / command
 * - fix arbitrary variables (numbers, colors, inherited styles)
 *   when we upgrade our CSS stylesheets to stylus/sass/etc.
 * - stop using !important so much when CSS is more cleaned up
 *
 * Currently known HTML printing issues:
 * - Neither Firefox nor Chrome (+ poss. others) print background colors
 * - Page break rules are enforced but implemented uniquely
 * - Chrome appears to have a hard time reading pseudo selectors on
 *   stringed-together, dashed classes with wildcard attributes
 *   (e.g., .ui-resizeable[style*="..."])
 */
/* PRINT-SPECIFIC HACKS --------------------------------------- */
@media print {
  /*
 * Temporary fix to enable Chrome print preview,
 * given that Chrome cannot handle "position: fixed"
 */
  #context-bar,
  div.top-menu-buttons,
  div.globalComments,
  div.commentsPane,
  .tb-title-icons,
  #topbar,
  #user-menu {
    position: relative !important;
  }
  #help-menu {
    position: relative !important;
  }
  /* PAGE DESIGN ELEMENTS ---------------------------------------
   *  - align command prompts with title
   *  - left-align title in plain font style
   *  - conform to document-like style guidelines
   *    (white legal paper style, professional, clean)
   */
  div.databricks-notification-wrapper {
    display: none;
  }
  /* display title, move content down from it */
  #topbar {
    display: block !important;
    height: auto !important;
  }
  /*  align full title and position content underneath */
  .tb-button {
    display: none !important;
  }
  .tb-title-wrapper {
    text-align: left !important;
    margin: 0;
    left: 0;
    white-space: initial;
    position: relative;
  }
  .tb-title-lang {
    display: none !important;
  }
  #overallView {
    /* align content left despite filebrowser popping up */
    left: 0 !important;
    overflow: visible !important;
  }
  div#sidebar {
    display: none;
  }
  button.feedback-btn {
    display: none;
  }
  div#debugHelper {
    display: none;
  }
  div.dashboard-edit-view div.dashboard-layout-view-wrapper {
    width: 850px;
  }
  div.dashboard-edit-view div.widget {
    width: 800px !important;
  }
  div.dashboard-edit-view div.dashboard-side-menu {
    display: none;
  }
  #content {
    display: block !important;
    top: 0 !important;
    left: 0 !important;
  }
  /*  show full command result stat
      (e.g., "Command took 0.5s -- by admin at ...")  */
  .command-provenance {
    visibility: visible !important;
    opacity: 1 !important;
  }
  /*  hide web-specific UI components --------------- */
  /*      large web-specific nav components */
  #context-bar,
  div.top-menu-buttons,
  div.globalComments,
  div.commentsPane,
  .tb-title-icons,
  #tooltip,
  #filebrowser-popup,
  #searchpanel-popup,
  #user-menu {
    display: none !important;
  }
  /*      icons, select menus and buttons */
  .submit-hint,
  a[class*="-button"],
  i[class*="icon-"],
  select {
    display: none !important;
  }
  .results .plot-controls {
    display: none !important;
  }
  /*      i[class*="icon-"] exceptions */
  a[class="cancel-query-button"] {
    display: block !important;
  }
  /*      spinners, connection status  */
  .tb-status,
  .tb-status img {
    display: none !important;
  }
  .command-result .spinner .spinner-wrapper {
    /*    hide spinner icon, but keep "cancel" text */
    display: none !important;
  }
  /*      scrollbars */
  html,
  body,
  .shellSessionView {
    overflow: hidden !important;
  }
  /*      empty content  */
  textarea:empty {
    display: none !important;
  }
  div.primaryPrompt {
    display: none !important;
  }
  /*      dividers, borders  */
  div.divider {
    display: none !important;
  }
  .command {
    border: none !important;
  }
  /*      input prompts, placeholder text */
  *::-webkit-input-placeholder {
    /* WebKit browsers */
    color: tranparent;
  }
  *:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: tranparent;
  }
  *::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: tranparent;
  }
  *:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: tranparent;
  }
  /*  CSS effects (hover, focus, etc) --------------------------- */
  div.divider:hover {
    display: none !important;
  }
  div.divider:hover .btn-circle {
    display: none !important;
  }
  .command:hover,
  .command:active {
    border: none !important;
    box-shadow: none !important;
  }
  /*
 *  PAGE PROPERTIES -------------------------------------------
 *  Ala MS Word, give page margin, counting existing spaces.
 *  Fit images to page, horizontally
 */
  @page {
    /*  allow space from possible headers & footers */
    margin: 2cm;
  }
  body {
    max-width: 100% !important;
  }
  .ui-resizable {
    max-height: 100%;
    max-width: 100%;
  }
  /* Chrome fix for autosizing figures.
   * If width and height are auto-set, Chrome Print will size them
   * too small, whereas Firefox Print will size them appropriately! */
  .figure-results-and-comments .widget[style*="width: auto; height: auto"] {
    /* Chrome appears to have a hard time reading stringed-together, dashed
     * class names with pseudo selectors (e.g., .ui-resizeable[style*="..."]) */
    width: 100% !important;
    min-height: 300px;
    /* this also needs to be set for height, or figure still appears small */
  }
  /* do not add the min-height: 300px; of white space if just an input widget */
  .widget.widget-input {
    min-height: initial !important;
  }
  /* Following CSS for autosizing figures better only works for firefox
     (but not for Chrome) */
  @-moz-document url-prefix() {
    .ui-resizable {
      width: auto !important;
      height: auto !important;
      max-width: 100%;
    }
  }
  /*  page break rules ------------------------------------------ */
  img,
  .figure,
  .ui-resizeable {
    page-break-inside: avoid;
  }
  .previousPrompt {
    page-break-inside: avoid;
  }
  .command .command-input .command-box {
    page-break-before: avoid;
  }
  .results-and-comments {
    page-break-before: avoid;
  }
  .results-and-comments.figure-results-and-comments {
    page-break-before: auto;
    page-break-inside: avoid;
  }
  .command .ui-resizeable {
    page-break-inside: avoid;
  }
  /*  TABLE PROPERTIES ------------------------------------------- */
  .table-bordered {
    border: 1px solid #ddd;
  }
  .results .table thead,
  .table thead {
    background: #fafafa;
  }
  /*
   *  Printing quirk with overflow property
   *  - prevents table overflows but also truncates chart bottoms
   */
  .command-result-wrapper .results {
    overflow: hidden;
  }
  .results-table .inner {
    overflow: hidden;
  }
  #content {
    overflow-y: visible;
  }
  /*
   * Last command view in session pane is truncated by a consistent margin
   * within print media ONLY (despite applying same CSS for screen media
   */
  .sessionPane .shell-top > div:last-child .results {
    padding-bottom: 50px;
    overflow: visible;
  }
}