D14145: Show a vertical menu for the panel widget options pop-up

2018-07-20 Thread Nathaniel Graham
This revision was automatically updated to reflect the committed changes.
Closed by commit R119:9adb94dc5b83: Show a vertical menu for the panel widget 
options pop-up (authored by ngraham).

REPOSITORY
  R119 Plasma Desktop

CHANGES SINCE LAST UPDATE
  https://phabricator.kde.org/D14145?vs=38095&id=38138

REVISION DETAIL
  https://phabricator.kde.org/D14145

AFFECTED FILES
  containments/panel/contents/ui/ConfigOverlay.qml

To: ngraham, #plasma, broulik
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-19 Thread Nathaniel Graham
ngraham added inline comments.

INLINE COMMENTS

> broulik wrote in ConfigOverlay.qml:372
> Can be removed once you addressed the `width` above

This is still needed because it's referred to on line 354 (`label.text = 
currentApplet.applet.title;`)

> broulik wrote in ConfigOverlay.qml:375
> This doesn't seem to do anything? (You might want to use `leftPadding` and 
> the like but I recall that messing up the width calculation of the 
> label/column)

This adds a bit of padding on the left and right sides of the label so it's 
vertically aligned with the icons below it and also so the whole menu doesn't 
seem so cramped.

REPOSITORY
  R119 Plasma Desktop

REVISION DETAIL
  https://phabricator.kde.org/D14145

To: ngraham, #plasma
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-19 Thread Nathaniel Graham
ngraham updated this revision to Diff 38095.
ngraham marked 2 inline comments as done.
ngraham added a comment.


  Address review comments and adjust side padding

REPOSITORY
  R119 Plasma Desktop

CHANGES SINCE LAST UPDATE
  https://phabricator.kde.org/D14145?vs=37919&id=38095

BRANCH
  more-user-friendly-panel-widget-options-popup (branched from master)

REVISION DETAIL
  https://phabricator.kde.org/D14145

AFFECTED FILES
  containments/panel/contents/ui/ConfigOverlay.qml

To: ngraham, #plasma
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-19 Thread Kai Uwe Broulik
broulik added a comment.


  Minor nitpicks but otherwise looking good

INLINE COMMENTS

> ConfigOverlay.qml:360
>  enabled: currentApplet
> -width: handleRow.childrenRect.width + (2 * handleRow.spacing)
> -height: Math.max(configureButton.height, label.contentHeight, 
> closeButton.height)
> +width: Math.max(handleButtons.width, label.width)
> +height: handleButtons.height

The `label` is *inside* the `ColumnLayout` so just doing `handleButtons.width` 
should suffice.

> ConfigOverlay.qml:368
> +id: handleButtons
>  anchors.horizontalCenter: parent.horizontalCenter
>  spacing: units.smallSpacing

Could be removed now that the dialog has the exact size of the column, 
previously it added `2 * spacing`

> ConfigOverlay.qml:372
> +PlasmaExtras.Heading {
> +id: label
> +level: 3

Can be removed once you addressed the `width` above

> ConfigOverlay.qml:375
> +Layout.fillWidth: true
> +Layout.leftMargin: units.smallSpacing
> +Layout.rightMargin: units.smallSpacing

This doesn't seem to do anything? (You might want to use `leftPadding` and the 
like but I recall that messing up the width calculation of the label/column)

REPOSITORY
  R119 Plasma Desktop

REVISION DETAIL
  https://phabricator.kde.org/D14145

To: ngraham, #plasma
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-16 Thread Nathaniel Graham
ngraham updated this revision to Diff 37919.
ngraham marked 3 inline comments as done.
ngraham added a comment.


  - Address review comments
  - Make it a level 3 label to match other Headings used for panel adjustment
  - Make the buttons span the full width of the menu

REPOSITORY
  R119 Plasma Desktop

CHANGES SINCE LAST UPDATE
  https://phabricator.kde.org/D14145?vs=37831&id=37919

BRANCH
  more-user-friendly-panel-widget-options-popup (branched from master)

REVISION DETAIL
  https://phabricator.kde.org/D14145

AFFECTED FILES
  containments/panel/contents/ui/ConfigOverlay.qml

To: ngraham, #plasma
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-16 Thread gregormi
gregormi added a comment.


  +1; great to have also text on the Configure button (as a new Plasma user I 
thought this was just a non-clickable icon)

REPOSITORY
  R119 Plasma Desktop

REVISION DETAIL
  https://phabricator.kde.org/D14145

To: ngraham, #plasma
Cc: gregormi, abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, 
lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-16 Thread Andres Betts
abetts added a comment.


  +1

REPOSITORY
  R119 Plasma Desktop

REVISION DETAIL
  https://phabricator.kde.org/D14145

To: ngraham, #plasma
Cc: abetts, broulik, plasma-devel, ragreen, Pitel, ZrenBot, lesliezhai, 
ali-mohamed, jensreuterberg, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-16 Thread Kai Uwe Broulik
broulik added a comment.


  +1000
  
  this flyout has annoyed me forever

INLINE COMMENTS

> ConfigOverlay.qml:366
>  
> -LayoutMirroring.enabled: Qt.application.layoutDirection === 
> Qt.RightToLeft
> -LayoutMirroring.childrenInherit: true
> -
> -Row {
> -id: handleRow
> +Column {
> +id: handleButtons

I think if you used `ColumnLayout` you could let it figure out the width on its 
own rather than having to do manual calculations for every item

  ColumnLayout {
  Heading { Layout.fillWidth: true; ... }
  ToolButton { Layout.fillWidth: true; ... }
  }

> ConfigOverlay.qml:374
> +level: 4
> +maximumLineCount: 1
> +

I think `Heading` never wraps on its own

> ConfigOverlay.qml:381
>  iconSource: "configure"
> +text: i18n("Configure")
>  onClicked: {

Doesn't this need an ellipsis, `i18n("Configure...")`

REPOSITORY
  R119 Plasma Desktop

REVISION DETAIL
  https://phabricator.kde.org/D14145

To: ngraham, #plasma
Cc: broulik, plasma-devel, ragreen, Pitel, ZrenBot, lesliezhai, ali-mohamed, 
jensreuterberg, abetts, sebas, apol, mart


D14145: Show a vertical menu for the panel widget options pop-up

2018-07-15 Thread Nathaniel Graham
ngraham created this revision.
ngraham added a reviewer: Plasma.
Restricted Application added a project: Plasma.
Restricted Application added a subscriber: plasma-devel.
ngraham requested review of this revision.

REVISION SUMMARY
  This patch replaces the UI for the panel widget options pop-up with a 
vertical menu, replating the current horizontal bar with icons on either side 
of a label. This yields the following improvements:
  
  - Bigger hit areas; easier to click and much more touch-friendly
  - Buttons have text labels; easier to tell what they do
  - Fewer changes of direction required when mousing; it's possible to access 
all actions with only vertical motions

TEST PLAN
  All buttons still work.

REPOSITORY
  R119 Plasma Desktop

BRANCH
  more-user-friendly-panel-widget-options-popup (branched from master)

REVISION DETAIL
  https://phabricator.kde.org/D14145

AFFECTED FILES
  containments/panel/contents/ui/ConfigOverlay.qml

To: ngraham, #plasma
Cc: plasma-devel, ragreen, Pitel, ZrenBot, lesliezhai, ali-mohamed, 
jensreuterberg, abetts, sebas, apol, mart