Text colour change
This commit is contained in:
parent
30bedbe1d0
commit
17dbf74bf5
1 changed files with 78 additions and 0 deletions
78
qml/pages/ProfileHeader.qml
Normal file
78
qml/pages/ProfileHeader.qml
Normal file
|
@ -0,0 +1,78 @@
|
||||||
|
import QtQuick 2.0
|
||||||
|
import Sailfish.Silica 1.0
|
||||||
|
|
||||||
|
Item {
|
||||||
|
id: header
|
||||||
|
property int value: 0;
|
||||||
|
property string title: "";
|
||||||
|
property string description: "";
|
||||||
|
property string image: "";
|
||||||
|
property string bg: "";
|
||||||
|
width: parent.width
|
||||||
|
height: icon.height + Theme.paddingLarge*2
|
||||||
|
/*Image {
|
||||||
|
anchors.fill: parent
|
||||||
|
asynchronous: true
|
||||||
|
fillMode: Image.PreserveAspectCrop
|
||||||
|
source: bg
|
||||||
|
opacity: 0.3
|
||||||
|
}*/
|
||||||
|
Rectangle {
|
||||||
|
anchors.fill: parent
|
||||||
|
opacity: 0.2
|
||||||
|
gradient: Gradient {
|
||||||
|
GradientStop { position: 0.0; color: Theme.highlightBackgroundColor }
|
||||||
|
GradientStop { position: 1.0; color: Theme.highlightBackgroundColor }
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
Image {
|
||||||
|
id: icon
|
||||||
|
anchors {
|
||||||
|
left: parent.left
|
||||||
|
leftMargin: Theme.paddingLarge
|
||||||
|
top: parent.top
|
||||||
|
topMargin: Theme.paddingLarge
|
||||||
|
}
|
||||||
|
asynchronous: true
|
||||||
|
width: description === "" ? Theme.iconSizeMedium : Theme.iconSizeLarge
|
||||||
|
height: width
|
||||||
|
source:
|
||||||
|
if (icon.status === Image.Error)
|
||||||
|
source = "../../images/icon-l-profile.svg?" + (pressed
|
||||||
|
? Theme.highlightColor
|
||||||
|
: Theme.primaryColor)
|
||||||
|
else image
|
||||||
|
}
|
||||||
|
Column {
|
||||||
|
anchors {
|
||||||
|
left: icon.right
|
||||||
|
leftMargin: Theme.paddingLarge
|
||||||
|
right: parent.right
|
||||||
|
rightMargin: Theme.paddingLarge
|
||||||
|
verticalCenter: parent.verticalCenter
|
||||||
|
}
|
||||||
|
Label {
|
||||||
|
id: ttl
|
||||||
|
text: title
|
||||||
|
height: contentHeight
|
||||||
|
color: Theme.primaryColor
|
||||||
|
font.pixelSize: Theme.fontSizeLarge
|
||||||
|
font.family: Theme.fontFamilyHeading
|
||||||
|
horizontalAlignment: Text.AlignRight
|
||||||
|
truncationMode: TruncationMode.Fade
|
||||||
|
width: parent.width
|
||||||
|
}
|
||||||
|
Label {
|
||||||
|
height: description === "" ? 0 : contentHeight
|
||||||
|
text: description
|
||||||
|
color: Theme.secondaryColor
|
||||||
|
font.pixelSize: Theme.fontSizeSmall
|
||||||
|
font.family: Theme.fontFamilyHeading
|
||||||
|
horizontalAlignment: Text.AlignRight
|
||||||
|
truncationMode: TruncationMode.Fade
|
||||||
|
width: parent.width
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in a new issue