← Back to team overview

touch-packages team mailing list archive

[Bug 1486008] Re: [sdk] leading actions width is too small making it very difficult to press

 

** Changed in: ubuntu-ux
       Status: Fix Committed => Fix Released

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1486008

Title:
  [sdk] leading actions width is too small making it very difficult to
  press

Status in Canonical System Image:
  Fix Released
Status in Ubuntu UX:
  Fix Released
Status in ubuntu-ui-toolkit package in Ubuntu:
  Fix Released

Bug description:
  Since a recent update to the ListItem leading actions in
  Ubuntu.Components 1.2, where the width of the action was clamped, the
  width is too small to press comfortably on a phone resulting in it
  missing 9 out of 10 tries. It affects the usability of the action and
  may be become a release blocker for apps that have recently switched
  over to the new list items.

  Sample App

  import QtQuick 2.4
  import Ubuntu.Components 1.2

  MainView {
      applicationName: "testdelete.nik90"
      width: units.gu(100)
      height: units.gu(75)

      Page {
          title: "Swipe to Delete"
          ListItem {
              id: listItem
              anchors.top: parent.top

              Label {
                  text: "Swipe me right to delete this listitem"
                  wrapMode: Text.WordWrap
                  anchors { left: parent.left; leftMargin: units.gu(2); right: parent.right; verticalCenter: parent.verticalCenter }
              }

              leadingActions: ListItemActions {
                  actions: [
                      Action {
                          iconName: "delete"
                          onTriggered: listItem.destroy()
                      }
                  ]
              }
          }
      }
  }

  With trailing actions, tapping the trailingActions first causes the
  ListItem to jump/scroll all the way to the left instead of actually
  activating the action. Only a second tap actually activates them.

  ---

  Visual design: desired outcome:

  Please expand the width of the leading and trailing actions to 6gu
  (they're currently 5gu). The 2gu icon will be centred in this.

To manage notifications about this bug go to:
https://bugs.launchpad.net/canonical-devices-system-image/+bug/1486008/+subscriptions


References