Uploaded image for project: 'CiviCRM'
  1. CiviCRM
  2. CRM-7535

UI Issue: Disabled elements are styled with a strikethrough

    Details

      Description

      It seems to be a bit of a UI issue that certain elements that are disabled, but you are still able to interact with, have a red strikethrough.

      For example, when creating a CiviEvent, the tabs "Fees" , "Online Registration" , and "Tell a Friend" are crossed out. This is likely to appear to end users that these options are not available to them.

      I realize that once you click on the tabs, you can enable these options, but users may not do this because they seem unavailable. Would it be better to just style them in a darker grey when disabled?

      The red strikethrough is site-wide css:

      .disabled {
      text-decoration: line-through;
      }
      del, #crm-container .crm-is_deleted, #crm-container table.caseSelector td.status-urgent, #crm-container span.email-hold a:link, #crm-container span.email-hold a:visited, #crm-container span.do-not-email a:link, #crm-container span.email-hold a:visited, #crm-container .font-red, #crm-container .status-removed, #crm-container .disabled, #crm-container .status-overdue, #crm-container .status-fatal, #crm-container .status-hold {
      color: #E43D2B !important;
      }

        Attachments

        1. after.gif
          20 kB
          Kendall Totten
        2. before.gif
          20 kB
          Kendall Totten

          Activity

            People

            • Assignee:
              dgg David Greenberg
              Reporter:
              starryeyez024 Kendall Totten
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: