Uploaded image for project: 'DESIGN'
  1. DESIGN
  2. DESIGN-367

Legal Hold flow

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Resolved
    • Priority: Minor
    • Resolution: Done
    • Component/s: Ergonomy & UX

      Description

      Mockups for:

      • apply legal hold
      • info element to let the user know that the document is under legal hold
      • remove legal hold
      • confirmation dialogs for applying and remove the legal hold
      • mobile screens

       

      UX Flow:

       

      Prototype:

      Inspect:

       

      Guidelines:

      • info bar:
        • height: 53 px;
             weight: same as paper-listbox id="documentViewsItems".
        • background-color: #E5EFFF;
        • shadow: var( --nuxeo-app-header-box-shadow)
            --nuxeo-app-header-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 3px 5px rgba(0, 0, 0, 0.1)
        • font-size: 14px;
        • Font-weights:
          • "Read only record.": font-weight: 600;
          • "This document is under legal hold.": font-weight: 400;
        • "more info." is an hyperlink with:
          • color: var(-nuxeo-link__color);
          • text-decoration: var(-nuxeo-link__text-decoration);
          • margin left: 8px;
        • Legal Hold icon:
          • width: var(--iron-icon-width, 24px);
          • height: var(--iron-icon-height, 24px);
          • margin left: 16px;
          • margin right: 8px;
          • margin top: 15px;
          • margin bottom: 14px;
          • fill: var(--iron-icon-fill-color, currentcolor)
      • New element - button with dropdown:
        •  button:
          • paddings left and right: 8px;
          • paddings top and bottom: 4px;
          • space between icons and label: 4px;
          • label
            • font-size: 10px;
            • font-weight: var(-nx-button-primary__font-weight);
            • color: var(-nx-button-primary__color);
            • background-color: var(-nx-button-primary__background-color);
          • Legal Hold icon:
            • width: 18px;
            • height: 18 px;
          • margin right: 8px;

        Attachments

        1. spacing_horizontal.png
          spacing_horizontal.png
          49 kB
        2. infobar_icons_size.png
          infobar_icons_size.png
          39 kB
        3. infobar_spacing_horizontal.png
          infobar_spacing_horizontal.png
          42 kB
        4. icons_size.png
          icons_size.png
          50 kB
        5. spacing_vertical.png
          spacing_vertical.png
          42 kB
        6. infobar_spacing_vertical.png
          infobar_spacing_vertical.png
          53 kB
        7. legal hold info_margins.png
          legal hold info_margins.png
          120 kB

          Issue Links

            Activity

              People

              • Assignee:
                cgouveia Carolina Gouveia
                Reporter:
                cgouveia Carolina Gouveia
                Participants:
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days
                  2d