Commit 8f1daa56 authored by Kai Uwe Broulik's avatar Kai Uwe Broulik 🍇

Better notification number alignment

This tries to use fontSizeMode but in conjunction with QtRendering to achieve better number alignment.
Since this is more "part of an icon" than "proper text" using QtRendering is acceptable.

Differential Revision:
parent 969e2641
......@@ -91,14 +91,19 @@ MouseArea {
TightLabel {
PlasmaComponents.Label {
id: countLabel
anchors.centerIn: parent
font.pointSize: -1
// FIXME fontSizeMode is awful but FontMetrics also doesn't cut it
font.pixelSize: Math.round(parent.height * (0.3 + 0.3 / text.length))
// TODO add animation when it changes?
width: Math.round(Math.min(parent.width, parent.height) * 0.75)
height: width
fontSizeMode: Text.Fit
font.pointSize: 1024
font.pixelSize: -1
minimumPointSize: 5//theme.smallestFont.pointSize
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
text: compactRoot.unreadCount || ""
renderType: Text.QtRendering
PlasmaComponents.BusyIndicator {
* Copyright 2019 Kai Uwe Broulik <>
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation; either version 2 of
* the License or (at your option) version 3 or any later version
* accepted by the membership of KDE e.V. (or its successor approved
* by the membership of KDE e.V.), which shall act as a proxy
* defined in Section 14 of version 3 of the license.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <>
import QtQuick 2.8
import org.kde.plasma.components 2.0 as PlasmaComponents
Item {
id: labelContainer
property alias font: label.font
property alias color: label.color
property alias text: label.text
implicitWidth: metrics.tightBoundingRect.width
implicitHeight: metrics.tightBoundingRect.height
TextMetrics {
id: metrics
font: label.font
text: label.text
elide: Qt.ElideNone
PlasmaComponents.Label {
id: label
//x: -metrics.tightBoundingRect.x
// FIXME why is this completely off?!
//y: -metrics.tightBoundingRect.y
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
width: metrics.tightBoundingRect.width
height: metrics.tightBoundingRect.height
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment