/* final-functional-fixes.css
   Fixes:
   1) database ghost selection / resize rectangle
   2) database accidental custom width from widget-resize
   3) inline equation popup/readability
   4) whiteboard text size is fixed in renderer, CSS here avoids extra conflicts
*/

/* DATABASE: must not behave like a resizable widget */
.block.block-database,
.block.block-database.has-width {
  width: 100% !important;
  max-width: none !important;
  --block-width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.block.block-database > .block-row,
.block.block-database > .block-row > .block-content {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  position: relative !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* remove the grey/selected pseudo overlay only for DB */
.block.block-database > .block-row::before,
.block.block-database > .block-row::after,
.block.block-database > .block-row > .block-content::before,
.block.block-database > .block-row > .block-content::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* remove widget resize handles from database only */
.block.block-database .block-resize-handle,
.block.block-database .block-resize-handle-v,
.block.block-database .block-resize-handle-c {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.block.block-database .db-wrap,
.block.block-database .block-database {
  width: 100% !important;
  max-width: 100% !important;
}

.block.block-database .db-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.block.block-database.selected {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* INLINE EQUATION */
.inline-equation {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: baseline !important;
  max-width: 100%;
  white-space: nowrap;
}

.ie-popup {
  color: var(--text) !important;
}

/* WHITEBOARD: do not let CSS force every SVG text to 16px visually */
.wb-svg text[font-size] {
  font-size: inherit;
}