Uploaded image for project: 'Data Management'
  1. Data Management
  2. DM-10178

Implement responsive layout in squash

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Done
    • Resolution: Done
    • Fix Version/s: None
    • Component/s: None
    • Labels:
      None

      Description

      Change overall look and feel to responsive-design best-practices looks as these are more familiar to uses especially from mobile clients.

        Attachments

          Issue Links

          blocks

          Epic - Created by Jira Software - do not edit or delete. Issue type for a big user story that needs to be broken down. DM-10181 Generic (based on Jointcal) squash visualisation

          • Done

            Activity

            Ascending order - Click to sort in descending order
            Hide
            Permalink
            afausti Angelo Fausti added a comment -

            Unsing bootstrap grid system and responsive utility classes to implement responsive layout in squash

            http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php

            Show
            afausti Angelo Fausti added a comment - Unsing bootstrap grid system and responsive utility classes to implement responsive layout in squash http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php
            Hide
            Permalink
            afausti Angelo Fausti added a comment -

            https://github.com/lsst-sqre/qa-dashboard/pull/47

            Show
            afausti Angelo Fausti added a comment - https://github.com/lsst-sqre/qa-dashboard/pull/47
            Hide
            Permalink
            afausti Angelo Fausti added a comment -

            1. Open https://angelo-squash-squash.lsst.codes/
            2. Make sure you are in the home page
            2. Resize the broswer window
            3. See how the elements in the screen are rearranged during the transition from "large" to "medium", from "medium" to "small" and from "small" to "extra small" screens/devices.

            Show
            afausti Angelo Fausti added a comment - 1. Open https://angelo-squash-squash.lsst.codes/ 2. Make sure you are in the home page 2. Resize the broswer window 3. See how the elements in the screen are rearranged during the transition from "large" to "medium", from "medium" to "small" and from "small" to "extra small" screens/devices.

              People

              Assignee:
              afausti Angelo Fausti
              Reporter:
              afausti Angelo Fausti
              Reviewers:
              Frossie Economou
              Watchers:
              Angelo Fausti, Frossie Economou
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Jenkins

                  No builds found.