mobile/UI: add visualization of font size vs gridUnit

This seems harmless and obvious, but it shows that for the last however
many years our smaller/regular/larger font change was bogus and broken.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2021-01-14 04:01:28 -08:00
parent 11ae662545
commit 4843ae4ede

View file

@ -129,6 +129,31 @@ Kirigami.Page {
height: Math.round(Screen.pixelDensity * 20)
color: "black"
}
Controls.Label {
text: "text in 4 gridUnit square"
}
Rectangle {
id: backSquare
width: Kirigami.Units.gridUnit * 4
height: width
border.color: subsurfaceTheme.primaryColor
border.width: 1
Controls.Label {
anchors.top: backSquare.top
anchors.left: backSquare.left
color: subsurfaceTheme.textColor
font.pointSize: subsurfaceTheme.regularPointSize
text: "Simply 27 random characters"
}
Controls.Label {
anchors.bottom: backSquare.bottom
anchors.left: backSquare.left
color: subsurfaceTheme.textColor
font.pointSize: subsurfaceTheme.smallPointSize
text: "Simply 27 random characters"
}
}
Controls.Label {
Layout.columnSpan: 2