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

Improve code snippets visually

    XMLWordPrintable

    Details

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

      Description

      Code snippets allow a user to easily copy a piece of code to its clipboard. 

      Code snippets are built with a copy icon, to allow the user to copy paste the code in its clipboard. When the user copies the content, a confirmation message must be displayed.

        

      Single line of code, command or URL

      Background color: #E6E6E6

      An horizontal scrollbar is presents when the content would make the component width to important (ping me to define the max width during implementation)

      Multi line of code

       

        Attachments

        1. MultiLine.png
          14 kB
          Mathieu Cutivel
        2. MultiLine-feedback.png
          17 kB
          Mathieu Cutivel
        3. MultiLine-feedback.png
          17 kB
          Mathieu Cutivel
        4. SingleLine.png
          6 kB
          Mathieu Cutivel
        5. unnamed.png
          10 kB
          Mathieu Cutivel

          Activity

            People

            Assignee:
            wouter.admiraal Wouter Admiraal
            Reporter:
            mathieu.cutivel Mathieu Cutivel (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Due:
              Created:
              Updated:
              Resolved: