MainWindow
  id: whatsNewWindow
  size: 380 340
  !text: tr('Whats New')
  @onEscape: WhatsNew.close()

  Label
    id: versionLabel
    anchors.top: parent.top
    anchors.left: parent.left
    anchors.right: parent.right
    text-align: center
    font: verdana-11px-antialised
    color: #ffffff
    text-wrap: true
    text-auto-resize: true

  HorizontalSeparator
    anchors.top: versionLabel.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    margin-top: 8

  Button
    id: okButton
    !text: tr('Ok')
    width: 64
    anchors.bottom: parent.bottom
    anchors.horizontalCenter: parent.horizontalCenter
    @onClick: WhatsNew.close()

  ScrollablePanel
    id: changesScroll
    anchors.top: versionLabel.bottom
    anchors.left: parent.left
    anchors.right: parent.right
    anchors.bottom: okButton.top
    margin-top: 18
    margin-bottom: 10
    margin-right: 14
    vertical-scrollbar: changesScrollBar
    layout:
      type: verticalBox

    Label
      id: changesLabel
      text-wrap: true
      text-auto-resize: true
      color: #c0c0c0

  VerticalScrollBar
    id: changesScrollBar
    anchors.top: changesScroll.top
    anchors.bottom: changesScroll.bottom
    anchors.right: parent.right
    step: 14
    pixel-scroll: true
