@import('NoteDetailInfo')

.root
  absolute top right bottom
  border-width 0 0 1px
  border-style solid
  border-color $ui-borderColor

.body
  absolute left right
  top $info-height
  bottom $statusBar-height

.body-noteEditor
  absolute top bottom left right

body[data-theme="dark"]
  .root
    border-color $ui-dark-borderColor

  .info
    border-color $ui-dark-borderColor
    background-color $ui-dark-backgroundColor

  .info-delete
    color $ui-dark-text-color

  .info-delete-confirmButton
    colorDarkDangerButton()
    color $ui-dark-text-color

  .info-delete-cancelButton
    colorDarkDefaultButton()
    border-color $ui-dark-borderColor
    color $ui-dark-text-color

  .info-right-button
    navDarkButtonColor()
    border-color $ui-dark-borderColor
    &:active
      border-color $ui-dark-button--focus-borderColor
    &:focus
      border-color $ui-button--focus-borderColor