Add inset effect to the divider.
commit4c71157c634e8b54818bebfb1310ebdcbaae3bfe
authorMichał Sawicz <michal.sawicz@canonical.com>
dateFri 15 Aug 2014, 14:08 (12 years ago)
parente0cb463
qml/Dash/PageHeader.qml+23
@@ -335,6 +335,29 @@ Item {
335335 }
336336
337337 color: scopeStyle ? scopeStyle.headerDividerColor : "#e0e0e0"
338+
339+ Rectangle {
340+ anchors {
341+ top: parent.top
342+ left: parent.left
343+ right: parent.right
344+ }
345+ height: units.dp(1)
346+ color: Qt.darker(parent.color, 1.1)
347+ }
348+ }
349+
350+ Rectangle {
351+ anchors {
352+ top: bottomBorder.bottom
353+ left: parent.left
354+ right: parent.right
355+ }
356+ height: units.dp(1)
357+ opacity: 0.6
358+ color: scopeStyle ?
359+ Qt.lighter(Qt.rgba(scopeStyle.background.r, scopeStyle.background.g, scopeStyle.background.b, 1.0), 1.2) :
360+ "#CCFFFFFF"
338361 }
339362
340363 Row {