Uploaded image for project: 'SonarQube'
  1. SonarQube
  2. SONAR-13617

Copy button should be centered in code snippet component

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 8.5
    • Component/s: Web
    • Labels:
      None
    • Edition:
      Community
    • Production Notes:
      None

      Description

      The vertical bar that separates the content of a code snippet and the copy action remains always visible for technical reasons. Therefore we should adjust the new code snippet component in order to make it clear for the user what is the target area to copy the code. 

       

      The Icon+ copy label should always be vertically centered.

      The clickable area + feedback on over should cover the entire area.

      Over:

       

       

        Attachments

        1. copy area.png
          copy area.png
          3 kB
        2. over.png
          over.png
          3 kB

          Activity

            People

            Assignee:
            philippe.perrin Philippe Perrin
            Reporter:
            mathieu.cutivel Mathieu Cutivel (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Due:
              Created:
              Updated:
              Resolved: