Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42889

Library: enable Material Design ui elements

    XMLWordPrintable

    Details

      Description

      A new .scss file is added to library

      src/20.x/morpheus-master/sass/base/_material-defaults.scss

      This file contains the following boolean variables, which when set to true will change that particular ui element from the current Morpheus design to a more Google Material one.

      $standard-spacing-as-material
      $sites-nav-as-material
      $portal-as-material
      $tool-menu-as-material
      $buttons-as-material
      $top-header-as-material
      $cards-as-material
      $lessons-as-material
      

      The attached screenshots correlate to the variables being enabled. In the pull request, I set all the variables as false. I'd like the community to weigh in on whether any should be set to true for the out of the box 20.0 skin.

      If you do not wish to enable these in your sakai instance, set the variables to false in

      src/20.x/morpheus-master/sass/base/_material-defaults.scss

      or in your skin's _customization.scss file.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. all-false.png
              all-false.png
              352 kB
            2. all-true.png
              all-true.png
              466 kB
            3. buttons-as-material-true.png
              buttons-as-material-true.png
              378 kB
            4. cards-as-material-true.png
              cards-as-material-true.png
              311 kB
            5. lessons-as-material-true.png
              lessons-as-material-true.png
              463 kB
            6. lesssons-as-material-false.png
              lesssons-as-material-false.png
              473 kB
            7. portal-as-material-true.png
              portal-as-material-true.png
              305 kB
            8. sites-nav-as-material-true.png
              sites-nav-as-material-true.png
              306 kB
            9. standard-spacing-as-material-true.png
              standard-spacing-as-material-true.png
              303 kB
            10. tool-menu-as-material-true.png
              tool-menu-as-material-true.png
              370 kB
            11. top-header-as-material-true.png
              top-header-as-material-true.png
              359 kB

              Issue Links

                Activity

                  People

                  • Assignee:
                    profmikegreene Michael Greene
                    Reporter:
                    profmikegreene Michael Greene
                  • Votes:
                    1 Vote for this issue
                    Watchers:
                    5 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved:

                      Git Integration