Skip to content

Disproportional checkbox indicator #50

@seventil

Description

@seventil

By default first users of EasyApplication see the checkbox via the preferences tab where it looks ok:

Image

The issues arise when trying to use the checkbox inside the listview/tableview:

Image

Here we can understand the issue, why it doesn't work in listview/tableview and why it works well in the preferences dialog. First, radius on the indicator works well with large space around and when surrounded by other rounded large icons in the preferences, but not within tableview/listview with straight angles. Second issue is that the checkbox is much larger by itself, compared to other elements there such as delete row button, for example. Here is a toned down version with the following changes to checkSymbol:

anchors.fill: indicatorItem
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
font.pixelSize: 11

and for indicatorItem:

width: EaStyle.Sizes.fontPixelSize * 1.2 // instead of * 1.5
height: EaStyle.Sizes.fontPixelSize * 1.2  // instead of * 1.5
Image

Just for comparison, this is how the smaller checkbox looks in the preferences tab:

Image

Need to decide on whether we want to change the EaElements.CheckIndicator for all checkboxes in EasyApplication, or just for TableViewCheckBox, or none.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions