diff --git a/sidebar/package/contents/images/plasma-logo.svg b/sidebar/package/contents/images/plasma-logo.svg
new file mode 100644
index 00000000..b1ac8de0
--- /dev/null
+++ b/sidebar/package/contents/images/plasma-logo.svg
@@ -0,0 +1,4 @@
+
diff --git a/sidebar/package/contents/ui/introPage.qml b/sidebar/package/contents/ui/introPage.qml
index 85575654..8278ca2d 100644
--- a/sidebar/package/contents/ui/introPage.qml
+++ b/sidebar/package/contents/ui/introPage.qml
@@ -1,119 +1,121 @@
/*
Copyright (c) 2017 Marco Martin
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Library General Public
License version 2 as published by the Free Software Foundation.
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
Library General Public License for more details.
You should have received a copy of the GNU Library General Public License
along with this library; see the file COPYING.LIB. If not, write to
the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
Boston, MA 02110-1301, USA.
*/
import QtQuick 2.5
import QtQuick.Controls 2.5 as QQC2
import QtQuick.Layouts 1.1
import org.kde.kirigami 2.5 as Kirigami
Rectangle {
id: root
color: Kirigami.Theme.backgroundColor
property int verticalMargin: Kirigami.Units.gridUnit * 3
signal focusNextRequest()
signal focusPreviousRequest()
function focusFirstChild() {
iconsRow.children[0].focus = true;
}
function focusLastChild() {
iconsRow.children[iconsRow.children.length-1].focus = true;
}
RowLayout {
anchors {
bottom: parent.verticalCenter
bottomMargin: verticalMargin
horizontalCenter: parent.horizontalCenter
}
Layout.alignment: Qt.AlignHCenter
Kirigami.Icon {
Layout.alignment: Qt.AlignHCenter
source: "preferences-system"
width: Kirigami.Units.iconSizes.enormous
height: width
}
Item {
width: Kirigami.Units.largeSpacing
}
ColumnLayout {
RowLayout {
Kirigami.Icon {
Layout.alignment: Qt.AlignHCenter
- source: "start-here-symbolic"
+ source: Qt.resolvedUrl("../images/plasma-logo.svg")
+ color: Kirigami.Theme.textColor
+ isMask: true
width: Kirigami.Units.iconSizes.medium
height: width
}
Kirigami.Heading {
text: i18n("Plasma")
level: 1
font.weight: Font.Bold
}
}
Kirigami.Heading {
text: i18n("System Settings")
level: 1
}
}
}
ColumnLayout {
anchors {
top: parent.verticalCenter
topMargin: verticalMargin
horizontalCenter: parent.horizontalCenter
}
width: Math.round(parent.width * 0.8)
Kirigami.Heading {
Layout.alignment: Qt.AlignHCenter
Layout.bottomMargin: Kirigami.Units.largeSpacing
level: 3
wrapMode: Text.NoWrap
text: i18n("Frequently Used")
}
RowLayout {
id: iconsRow
Layout.fillWidth: true
Layout.alignment: Qt.AlignHCenter
spacing: Kirigami.Units.largeSpacing
property int spaceForIcon: Math.max((iconsRow.parent.width - iconsRow.spacing * 4) / 5, Kirigami.Units.iconSizes.medium)
property int iconSize: iconsRow.spaceForIcon >= Kirigami.Units.iconSizes.huge
? Kirigami.Units.iconSizes.huge
: (iconsRow.spaceForIcon >= Kirigami.Units.iconSizes.large ? Kirigami.Units.iconSizes.large : Kirigami.Units.iconSizes.medium)
Repeater {
id: mostUsedRepeater
model: systemsettings.mostUsedModel
delegate: IntroIcon {
icon: model.decoration
text: model.display
iconSize: iconsRow.iconSize
Layout.minimumWidth: iconsRow.spaceForIcon
Layout.maximumWidth: Layout.minimumWidth
visible: (index + 1) * iconSize + index * iconsRow.spacing < iconsRow.parent.width
}
}
}
}
}