/* -----------------------------------------------------------------------------
   Tool Bar
----------------------------------------------------------------------------- */

#ToolBar {
  & TPanelTitleBar {
    // Use grip handles for title bar
    background-color: @bg;
    background-image: url('@{img-url}/@{title-toolbar-img-horizontal}');
    background-repeat: no-repeat;
    border: 0;
    height: @title-toolbar-size;
    max-height: @title-toolbar-size;
    min-height: @title-toolbar-size;
    qproperty-BorderPixmap: url('none');
    qproperty-ActiveBorderPixmap: url('none');
    qproperty-FloatBorderPixmap: url('@{img-url}/@{title-toolbar-img-float}');
    qproperty-FloatActiveBorderPixmap: url('@{img-url}/@{title-toolbar-img-float}');
  }

  & QToolBar {
    // This controls the spacing for the Expand-Tools button.
    // This is a very dirty way of doing it.
    padding-left: 2px;
  }
}

/* -----------------------------------------------------------------------------
   Tool Options
----------------------------------------------------------------------------- */

#ToolOptions {
  & TPanelTitleBar {
    // Use grip handles for title bar
    background-color: @bg;
    background-image: url('@{img-url}/@{title-toolbar-img-vertical}');
    background-repeat: no-repeat;
    border: 0;
    width: @title-toolbar-size;
    min-width: @title-toolbar-size;
    max-width: @title-toolbar-size;
    qproperty-BorderPixmap: url('none');
    qproperty-ActiveBorderPixmap: url('none');
    qproperty-FloatBorderPixmap: url('@{img-url}/@{title-toolbar-img-float}');
    qproperty-FloatActiveBorderPixmap: url('@{img-url}/@{title-toolbar-img-float}');
  }
}

IconViewField {
  qproperty-ScalePegPixmap: url("@{img-url}/selectiontool_scalepeg.svg");
  qproperty-RotationPixmap: url("@{img-url}/selectiontool_rotation.svg");
  qproperty-PositionPixmap: url("@{img-url}/selectiontool_position.svg");
  qproperty-ThicknessPixmap: url("@{img-url}/selectiontool_thickness.svg");
}

#EditToolLockButton {
  // Properties here also apply to the Room Tabs lock icon.
  // Be sure to head over to (layouts/mainwindow.less) if you need to
  // override anything from here...
  &:hover {
    background: none; // fix for 128 QCheckBox hover state
  }
  spacing: 0;
  &::indicator {
    // Add button style
    &:extend(.button-tool all); // components/buttons.less
    // Add icon
    &:extend(.icon-lock all); // components/buttons.less
  }
}

PopupButton {
  &::menu-indicator {
    border-left: 0;
    height: 17px;
    image: url('@{img-url}/combo_down_arrow.png');
    width: 10px;
    &:disabled {
      image: url('@{img-url}/combo_down_arrow-disabled.png');
    }
  }
}

#Cap,
#Join {
  @size: 32px;
  padding: 0 4px 0 -8px;
  max-width: @size;
  min-width: @size;
  & QMenu {
    @size: 28px;
    max-width: @size;
    min-width: @size;
    &::item {
      max-width: @size;
      min-width: @size;
      padding: 0;
    }
  }
}