Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-32281 NYU skin changes targeted for Sakai 12
  3. SAK-32189

Stack mobile view tools & subsites buttons vertically

    XMLWordPrintable

    Details

    • Type: Sub-task
    • Status: RESOLVED
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 11.2
    • Fix Version/s: 12.0
    • Component/s: Portal
    • Labels:
      None

      Description

      The left hand side tools menu already has a configurable enhancement so that one can have the icon on the left and the tool text next to it. This is controlled by the Sass variable $tool-menu-icon-on-left. This menu looks fine on a desktop sized screen.

      On a mobile sized screen when the $tool-menu-icon-on-left is set to true the tools and subsites "buttons" should have a left-aligned image and be one to a line.

      Also change the look of the buttons to be the same as those in the Sites tab

        Gliffy Diagrams

          Zeplin

            Attachments

            1. DesktopIconsAbove.JPG
              DesktopIconsAbove.JPG
              20 kB
            2. DesktopIconsAboveCollap.JPG
              DesktopIconsAboveCollap.JPG
              15 kB
            3. DesktopIconsLHS.JPG
              DesktopIconsLHS.JPG
              20 kB
            4. DesktopIconsLHSCollapsed.JPG
              DesktopIconsLHSCollapsed.JPG
              22 kB
            5. MobileIconsAboveWithSubsites.JPG
              MobileIconsAboveWithSubsites.JPG
              27 kB
            6. MobileIconsLHS.JPG
              MobileIconsLHS.JPG
              41 kB
            7. PreFix.JPG
              PreFix.JPG
              32 kB
            8. PreFixWithSubsites.JPG
              PreFixWithSubsites.JPG
              19 kB

              Issue Links

                Activity

                  People

                  Assignee:
                  rebeccam Rebecca Miller
                  Reporter:
                  rebeccam Rebecca Miller
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration