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

          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 Source Code