Add shadow at bottom of content

This commit is contained in:
David Rowe 2016-02-16 12:20:01 +13:00
parent 615b2e6052
commit 0442fcf89c
3 changed files with 19 additions and 2 deletions

View file

@ -39,6 +39,7 @@ Item {
readonly property color baseGrayHighlight15: "#26575757"
readonly property color baseGrayHighlight40: "#66575757"
readonly property color darkGray30: "#4d121212"
readonly property color darkGray0: "#00121212"
readonly property color faintGray50: "#80e3e3e3"
readonly property color baseGrayShadow60: "#99252525"
}

View file

@ -29,7 +29,7 @@ Item {
readonly property int frameMarginLeft: frameMargin
readonly property int frameMarginRight: frameMargin
readonly property int frameMarginTop: 2 * frameMargin + iconSize
readonly property int frameMarginBottom: iconSize + 2
readonly property int frameMarginBottom: iconSize + 6
children: [
focusShadow,
@ -90,7 +90,7 @@ Item {
enabled: window ? window.resizable : false
hoverEnabled: true
x: window ? window.width + frameMarginRight - iconSize : 0
y: window ? window.height : 0
y: window ? window.height + 4 : 0
property vector2d pressOrigin
property vector2d sizeOrigin
property bool hid: false

View file

@ -127,6 +127,7 @@ Fadable {
anchors.fill: parent
Rectangle {
id: contentBackground
anchors {
left: parent.left
right: parent.right
@ -137,6 +138,21 @@ Fadable {
color: hifi.colors.baseGray
}
LinearGradient {
anchors {
top: contentBackground.bottom
left: contentBackground.left
}
width: contentBackground.width - 1
height: 4
start: Qt.point(0, 0)
end: Qt.point(0, 4)
gradient: Gradient {
GradientStop { position: 0.0; color: hifi.colors.darkGray }
GradientStop { position: 1.0; color: hifi.colors.darkGray0 }
}
}
ScrollView {
id: theScrollView
contentItem: content