0b89e7f3f0
Summary:
always scale icons unless a size is specified in the api.
this makes icon sizing more in line with plasma components 2
Test Plan:
{F8129062}
{F8129064}
{F8129065}
Reviewers: #plasma, broulik
Reviewed By: #plasma, broulik
Subscribers: broulik, ngraham, kde-frameworks-devel
Tags: #frameworks
Differential Revision: https://phabricator.kde.org/D27628
123 lines
3.7 KiB
QML
123 lines
3.7 KiB
QML
import QtQuick 2.0
|
|
import QtQuick.Layouts 1.4
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
|
|
import org.kde.plasma.components 3.0 as PlasmaComponents
|
|
|
|
ComponentBase {
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
Flow {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
spacing: 20
|
|
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
text: "test"
|
|
flat: true
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
flat: true
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
text: "test"
|
|
flat: true
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
text: "test"
|
|
flat: false
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
flat: false
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
text: "test"
|
|
flat: false
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "application-menu"
|
|
text: "Icon Only"
|
|
display: PlasmaComponents.ToolButton.IconOnly
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Beside Icon"
|
|
display: PlasmaComponents.ToolButton.TextBesideIcon
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Under Icon"
|
|
display: PlasmaComponents.ToolButton.TextUnderIcon
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "application-menu"
|
|
text: "Text Only"
|
|
display: PlasmaComponents.ToolButton.TextOnly
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
PlasmaComponents.Label {
|
|
Layout.fillWidth: true
|
|
text: "They should always be square:"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
icon.name: "list-remove"
|
|
}
|
|
}
|
|
PlasmaComponents.Label {
|
|
text: "Fixed size and stretching size buttons"
|
|
}
|
|
GridLayout {
|
|
id: layout
|
|
rows: 2
|
|
columns:2
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
PlasmaComponents.ToolButton {
|
|
id: closeButton
|
|
icon.name: "window-close"
|
|
text: "Text"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
id: closeButton2
|
|
icon.name: "window-close"
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
icon.width: units.iconSizes.small
|
|
icon.height: units.iconSizes.small
|
|
text: "Text"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
id: closeButton3
|
|
icon.name: "window-close"
|
|
Layout.fillHeight: true
|
|
text: "Text"
|
|
}
|
|
PlasmaComponents.ToolButton {
|
|
id: closeButton4
|
|
icon.name: "window-close"
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
text: "Text"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|