7453beb9ce
QQC button heights are max(backgroundHeight, label + margins). QQC lineedits are only from the background We need to take the margins into consideration when deciding how high the textbox should be otherwise we're effectively just ignoring what the SVG says. This means button and textbox on the login screen are now the same height. REVIEW: 125240
113 lines
2.3 KiB
QML
113 lines
2.3 KiB
QML
import QtQuick 2.0
|
|
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Layouts 1.2
|
|
|
|
Rectangle
|
|
{
|
|
width: 500
|
|
height: 300
|
|
color: "white"
|
|
|
|
Grid {
|
|
anchors.fill: parent
|
|
anchors.margins: 20
|
|
spacing: 20
|
|
columns: 2
|
|
|
|
Label {
|
|
text: "icon + text"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
iconSource: "list-remove"
|
|
text: "test"
|
|
}
|
|
|
|
Label {
|
|
text: "icon alone, should look small and square"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
iconSource: "list-remove"
|
|
}
|
|
|
|
Label {
|
|
text: "text alone, should be about 12 chars wide"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
text: "test"
|
|
}
|
|
|
|
|
|
Label {
|
|
text: "long text, should expand to fit"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
iconSource: "list-remove"
|
|
text: "This is a really really really really long button"
|
|
}
|
|
|
|
Label {
|
|
text: "long text but constrained, should be 150px and elided"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
iconSource: "list-remove"
|
|
text: "This is a really really really really long button"
|
|
width: 150
|
|
}
|
|
|
|
Label {
|
|
text: "button with menu"
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
text: "test"
|
|
menu: Menu {
|
|
MenuItem {
|
|
text: "Cut"
|
|
shortcut: "Ctrl+X"
|
|
}
|
|
|
|
MenuItem {
|
|
text: "Copy"
|
|
shortcut: "Ctrl+C"
|
|
}
|
|
|
|
MenuItem {
|
|
text: "Paste"
|
|
shortcut: "Ctrl+V"
|
|
}
|
|
|
|
MenuSeparator { }
|
|
|
|
Menu {
|
|
title: "More Stuff"
|
|
|
|
MenuItem {
|
|
text: "Do Nothing"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
text: "button and textfield should have the same height"
|
|
}
|
|
|
|
RowLayout {
|
|
PlasmaComponents.Button {
|
|
text: "test"
|
|
}
|
|
PlasmaComponents.TextField {
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|