Uploaded image for project: 'Reference Application'
  1. Reference Application
  2. RA-1364

Multiple Dashboard actions are displaying in single line

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Accepted
    • Priority: TBD
    • Resolution: Fixed
    • Affects Version/s: Reference Application 2.6.0
    • Component/s: None
    • Labels:
      None
    • Complexity:
      Undetermined

      Description

      The blue action section found on the clinician facing dashboard displays multiple items in a single line, if the action name is short. For example, if you create a form named "test" and display it in the "general actions" section, it displays next to the chart search action as you can see in the screenshot.

      The issue has to do with the css floating left, but not clearing left. Each line item in this box is a list item <li> which is referred to in the referenceapplication.scss file, but the class for these items "float-left" is controlled by the clinicianfacing dashboard patient.scss. I'm not sure if we should add "clear:left;" to the <li> or the float-left css class.

      Resources:
      Here is the referenceapplication.scss link: https://github.com/openmrs/openmrs-module-uicommons/blob/master/scss/src/main/resources/sass/reference/fragments/_dashboard.scss#L155

      Here is the patient.scss link:
      https://github.com/openmrs/openmrs-module-coreapps/blob/master/omod/src/main/compass/sass/clinicianfacing/patient.scss#L5

      Update 12 May 2017:
      I added clear:left to the patient.scss file in coreapps and it adds a gap to the right side of the blue box as you can see in the attachment.

      I then added width: 96% to the action-section and the blue box fits appropriately now.

        Attachments

        1. ga_float_issue.png
          ga_float_issue.png
          247 kB
        2. ga_float_left_96_percent_UL_Width.png
          ga_float_left_96_percent_UL_Width.png
          329 kB
        3. ga_float_left_no_UL_Width.png
          ga_float_left_no_UL_Width.png
          277 kB

          Activity

            People

            Assignee:
            craigappl Craig Appl
            Reporter:
            craigappl Craig Appl
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved: