HTML span class typo causing title text to be shown

XMLWordPrintable

    • 3
    • Severity 3 - Minor
    • 1

      Summary

      In Confluence 6.7.x we introduced a new look and feel. If we navigate to a page and click on the elipsis (. . .) then attachments, we will see the attachments page. In this page we added icons/text to certain type of files. For the ppt/pptx, there is a typo in the span class.

      <span class="iaui-icon content-type-attachment-powerpoint97" title="Microsoft Powerpoint 97 Slideshow">Microsoft Powerpoint 97 Slideshow</span>
      
      

      There is an extra " i ". It should be " aui " instead of " iaui ". The correct class should be:

      <span class="aui-icon content-type-attachment-powerpoint97" title="Microsoft Powerpoint 97 Slideshow">Microsoft Powerpoint 97 Slideshow</span>
      
      

      Steps to Reproduce

      1. Install Confluence 6.7.x
      2. Create a page
      3. Add different file types, including ppt/pptx
      4. Navigate to the Attachments page (...)

      Expected Results

      No UI problem as per the screenshot with the fixed span class:

      Actual Results

      The image icons, under Name, should hide the text that defines the file type and because of the typo in the span class, it is not hidden and it shows up as per the screenshot:

      Temporary workaround

      /* Workaround for https://jira.atlassian.com/browse/CONFSERVER-55112 */
      .iaui-icon {
          background-repeat: no-repeat;
          background-position: 0 0;
          border: none;
          display: inline-block;
          height: 16px;
          margin: 0;
          padding: 0;
          text-align: left;
          text-indent: -999em;
          vertical-align: text-bottom;
          width: 16px;
      }
      

       

            Assignee:
            Unassigned
            Reporter:
            Artur J
            Votes:
            4 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved: