Changeset View
Changeset View
Standalone View
Standalone View
applets/kickoff/package/contents/ui/FullRepresentation.qml
| Show First 20 Lines • Show All 112 Lines • ▼ Show 20 Line(s) | 110 | PlasmaCore.Svg { | |||
|---|---|---|---|---|---|
| 113 | imagePath: "widgets/arrows" | 113 | imagePath: "widgets/arrows" | ||
| 114 | size: "16x16" | 114 | size: "16x16" | ||
| 115 | } | 115 | } | ||
| 116 | 116 | | |||
| 117 | Header { | 117 | Header { | ||
| 118 | id: header | 118 | id: header | ||
| 119 | } | 119 | } | ||
| 120 | 120 | | |||
| 121 | Rectangle { | 121 | PlasmaCore.SvgItem { | ||
| 122 | id: headerSeparator | 122 | id: headerSeparator | ||
| 123 | | ||||
| 124 | height: Math.floor(units.devicePixelRatio) | | |||
| 125 | color: theme.textColor | | |||
| 126 | opacity: 0.2 | | |||
| 127 | width: root.width - 2 * units.gridUnit | | |||
| 128 | | ||||
| 129 | anchors { | 123 | anchors { | ||
| 130 | top: header.top | 124 | top: header.top | ||
| 131 | horizontalCenter: header.horizontalCenter | 125 | horizontalCenter: header.horizontalCenter | ||
| 132 | } | 126 | } | ||
| 127 | height: headerSeparatorLine.elementSize("horizontal-line").height | ||||
filipf: maybe this doesn't need to be specified anymore? (and everywhere else in the diff) | |||||
| 128 | width: root.width - 2 * units.gridUnit | ||||
| 129 | elementId: "horizontal-line" | ||||
| 130 | svg: PlasmaCore.Svg { | ||||
| 131 | id: headerSeparatorLine | ||||
| 132 | imagePath: "widgets/line" | ||||
| 133 | } | ||||
| 133 | } | 134 | } | ||
| 134 | 135 | | |||
| 135 | Item { | 136 | Item { | ||
| 136 | id: mainArea | 137 | id: mainArea | ||
| 137 | anchors.topMargin: mainTabGroup.state == "top" ? units.smallSpacing : 0 | 138 | anchors.topMargin: mainTabGroup.state == "top" ? units.smallSpacing : 0 | ||
| 138 | 139 | | |||
| 139 | PlasmaComponents.TabGroup { | 140 | PlasmaComponents.TabGroup { | ||
| 140 | id: mainTabGroup | 141 | id: mainTabGroup | ||
| ▲ Show 20 Lines • Show All 87 Lines • ▼ Show 20 Line(s) | 228 | anchors { | |||
| 228 | left: root.left | 229 | left: root.left | ||
| 229 | top: root.top | 230 | top: root.top | ||
| 230 | right: undefined | 231 | right: undefined | ||
| 231 | bottom: header.top | 232 | bottom: header.top | ||
| 232 | } | 233 | } | ||
| 233 | } | 234 | } | ||
| 234 | PropertyChanges { | 235 | PropertyChanges { | ||
| 235 | target:tabBarSeparator | 236 | target:tabBarSeparator | ||
| 236 | width: Math.floor(units.devicePixelRatio) | 237 | width: tabBarSeparatorLine.elementSize("vertical-line").width | ||
| 238 | elementId: "vertical-line" | ||||
| 237 | } | 239 | } | ||
| 238 | AnchorChanges { | 240 | AnchorChanges { | ||
| 239 | target: tabBarSeparator | 241 | target: tabBarSeparator | ||
| 240 | anchors { | 242 | anchors { | ||
| 241 | left: tabBar.right | 243 | left: tabBar.right | ||
| 242 | top: tabBar.top | 244 | top: tabBar.top | ||
| 243 | bottom:tabBar.bottom | 245 | bottom:tabBar.bottom | ||
| 244 | } | 246 | } | ||
| Show All 33 Lines | 279 | anchors { | |||
| 278 | left: root.left | 280 | left: root.left | ||
| 279 | top: root.top | 281 | top: root.top | ||
| 280 | right: root.right | 282 | right: root.right | ||
| 281 | bottom: undefined | 283 | bottom: undefined | ||
| 282 | } | 284 | } | ||
| 283 | } | 285 | } | ||
| 284 | PropertyChanges { | 286 | PropertyChanges { | ||
| 285 | target:tabBarSeparator | 287 | target:tabBarSeparator | ||
| 286 | height: Math.floor(units.devicePixelRatio) | 288 | height: tabBarSeparatorLine.elementSize("horizontal-line").height | ||
| 289 | elementId: "horizontal-line" | ||||
| 287 | } | 290 | } | ||
| 288 | AnchorChanges { | 291 | AnchorChanges { | ||
| 289 | target: tabBarSeparator | 292 | target: tabBarSeparator | ||
| 290 | anchors { | 293 | anchors { | ||
| 291 | left: tabBar.left | 294 | left: tabBar.left | ||
| 292 | right: tabBar.right | 295 | right: tabBar.right | ||
| 293 | top: tabBar.bottom | 296 | top: tabBar.bottom | ||
| 294 | } | 297 | } | ||
| Show All 33 Lines | 330 | anchors { | |||
| 328 | left: undefined | 331 | left: undefined | ||
| 329 | top: root.top | 332 | top: root.top | ||
| 330 | right: root.right | 333 | right: root.right | ||
| 331 | bottom: header.top | 334 | bottom: header.top | ||
| 332 | } | 335 | } | ||
| 333 | } | 336 | } | ||
| 334 | PropertyChanges { | 337 | PropertyChanges { | ||
| 335 | target:tabBarSeparator | 338 | target:tabBarSeparator | ||
| 336 | width: Math.floor(units.devicePixelRatio) | 339 | width: tabBarSeparatorLine.elementSize("vertical-line").width | ||
| 340 | elementId: "vertical-line" | ||||
| 337 | } | 341 | } | ||
| 338 | AnchorChanges { | 342 | AnchorChanges { | ||
| 339 | target: tabBarSeparator | 343 | target: tabBarSeparator | ||
| 340 | anchors { | 344 | anchors { | ||
| 341 | right: tabBar.left | 345 | right: tabBar.left | ||
| 342 | top: tabBar.top | 346 | top: tabBar.top | ||
| 343 | bottom: tabBar.bottom | 347 | bottom: tabBar.bottom | ||
| 344 | } | 348 | } | ||
| Show All 40 Lines | 388 | anchors { | |||
| 385 | left: root.left | 389 | left: root.left | ||
| 386 | top: undefined | 390 | top: undefined | ||
| 387 | right: root.right | 391 | right: root.right | ||
| 388 | bottom: root.bottom | 392 | bottom: root.bottom | ||
| 389 | } | 393 | } | ||
| 390 | } | 394 | } | ||
| 391 | PropertyChanges { | 395 | PropertyChanges { | ||
| 392 | target:tabBarSeparator | 396 | target:tabBarSeparator | ||
| 393 | height: Math.floor(units.devicePixelRatio) | 397 | height: tabBarSeparatorLine.elementSize("horizontal-line").height | ||
| 398 | elementId: "horizontal-line" | ||||
| 394 | } | 399 | } | ||
| 395 | AnchorChanges { | 400 | AnchorChanges { | ||
| 396 | target: tabBarSeparator | 401 | target: tabBarSeparator | ||
| 397 | anchors { | 402 | anchors { | ||
| 398 | bottom: tabBar.top | 403 | bottom: tabBar.top | ||
| 399 | left: tabBar.left | 404 | left: tabBar.left | ||
| 400 | right: tabBar.right | 405 | right: tabBar.right | ||
| 401 | } | 406 | } | ||
| Show All 40 Lines | 444 | onExpandedChanged: { | |||
| 442 | } | 447 | } | ||
| 443 | if (!expanded) { | 448 | if (!expanded) { | ||
| 444 | switchToInitial(); | 449 | switchToInitial(); | ||
| 445 | } | 450 | } | ||
| 446 | } | 451 | } | ||
| 447 | } | 452 | } | ||
| 448 | } // tabBar | 453 | } // tabBar | ||
| 449 | 454 | | |||
| 450 | Rectangle { | 455 | PlasmaCore.SvgItem { | ||
| 451 | id: tabBarSeparator | 456 | id: tabBarSeparator | ||
| 452 | 457 | svg: PlasmaCore.Svg { | |||
| 453 | color: theme.textColor | 458 | id: tabBarSeparatorLine | ||
| 454 | opacity: 0.2 | 459 | imagePath: "widgets/line" | ||
| 460 | } | ||||
| 455 | } | 461 | } | ||
| 456 | 462 | | |||
| 457 | MouseArea { | 463 | MouseArea { | ||
| 458 | anchors.fill: tabBar | 464 | anchors.fill: tabBar | ||
| 459 | 465 | | |||
| 460 | property var oldPos: null | 466 | property var oldPos: null | ||
| 461 | 467 | | |||
| 462 | hoverEnabled: root.switchTabsOnHover | 468 | hoverEnabled: root.switchTabsOnHover | ||
| ▲ Show 20 Lines • Show All 327 Lines • Show Last 20 Lines | |||||
maybe this doesn't need to be specified anymore? (and everywhere else in the diff)