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. SingleLine.png
          SingleLine.png
          6 kB
        2. unnamed.png
          unnamed.png
          10 kB
        3. MultiLine.png
          MultiLine.png
          14 kB
        4. MultiLine-feedback.png
          MultiLine-feedback.png
          17 kB
        5. MultiLine-feedback.png
          MultiLine-feedback.png
          17 kB

          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: