ba0b637de9
Summary:
icon sizes and label placements tested correct in several scenarios
* control.icon.width/height is used as maximum size of the icon
* if the button is smaller icons always scale down
* icons stay ccentered regardless of button size when there is no text
Test Plan:
fixes icon sizes without workarounds like D27260
{F8108705}
Reviewers: #plasma, davidedmundson
Reviewed By: #plasma, davidedmundson
Subscribers: davidedmundson, kde-frameworks-devel
Tags: #frameworks
Differential Revision: https://phabricator.kde.org/D27460
36 lines
985 B
QML
36 lines
985 B
QML
import QtQuick 2.0
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
|
|
import org.kde.plasma.components 3.0 as PlasmaComponents
|
|
|
|
ComponentBase {
|
|
PlasmaComponents.TabBar {
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
spacing: 20
|
|
|
|
PlasmaComponents.TabButton {
|
|
icon.name: "application-menu"
|
|
text: "Icon Only"
|
|
display: PlasmaComponents.TabButton.IconOnly
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Beside Icon"
|
|
display: PlasmaComponents.TabButton.TextBesideIcon
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Under Icon"
|
|
display: PlasmaComponents.TabButton.TextUnderIcon
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Only"
|
|
display: PlasmaComponents.TabButton.TextOnly
|
|
}
|
|
}
|
|
}
|
|
|