@import('DetailVars')

$info-height = 40px
$info-margin-under-border = 15px

.info
  absolute top left right
  left $note-detail-left-margin
  right $note-detail-right-margin
  height $info-height
  border-bottom $ui-border
  background-color $ui-noteDetail-backgroundColor

.info-left
  float left
  padding 0 7px
  width 100%
  display flex

.info-left-top
  display inline-block
  height $info-height
  line-height $info-height

.info-left-top-folderSelect
  padding 0 3px
  height 40px
  line-height 40px
  display flex
  align-items center
  justify-content center
  border-radius 3px

.info-left-button
  width 34px
  height 34px
  navButtonColor()
  color $ui-favorite-star-button-color
  font-size 14px
  line-height 0
  margin 13px 2px
  padding 0
  border-radius 17px
  &:hover .info-left-button-tooltip
    opacity 1
  &:focus
    border-color $ui-favorite-star-button-color
  &:active, &:active:hover
    background-color $ui-favorite-star-button-color
    color $ui-button--color

.info-right
  position absolute
  right -35px
  top 0
  background $ui-noteDetail-backgroundColor
  bottom 1px
  padding-left 30px

.undo-button
  width 34px
  height 34px
  border-radius 17px
  font-size 14px
  margin 5px 0px
  border none
  color $ui-button-color
  display flex
  align-items center
  justify-content center
  fill $ui-button-color
  background-color transparent
  cursor pointer
  &:active
    border-color $ui-button--active-backgroundColor
  &:hover
    background-color alpha($ui-button--hover-backgroundColor, 60%)
    transition 0.2s
    .control-lockButton-tooltip
      opacity 1

body[data-theme="dark"]
  .info
    border-color $ui-dark-borderColor
    background-color $ui-dark-noteDetail-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
    background-color $ui-dark-noteDetail-backgroundColor

  .undo-button
    topBarButtonDark()