diff options
| author | Frédéric Guillot <fred@kanboard.net> | 2017-11-23 12:16:05 -0800 |
|---|---|---|
| committer | Frédéric Guillot <fred@kanboard.net> | 2017-11-23 12:16:05 -0800 |
| commit | 20c8ae1047fb9450c29db2ea1d337443c05a8171 (patch) | |
| tree | 6f99c809bb6eb8b94fdc450f72f900cee781a1b5 /assets/sass | |
| parent | 671f9a50f3b052bcdbbe152597cd7a6f163879c3 (diff) | |
Improve layout on mobile/tablet devices
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/_header.sass | 9 | ||||
| -rw-r--r-- | assets/sass/_sidebar.sass | 7 |
2 files changed, 11 insertions, 5 deletions
diff --git a/assets/sass/_header.sass b/assets/sass/_header.sass index 2940fea3..7e778fbf 100644 --- a/assets/sass/_header.sass +++ b/assets/sass/_header.sass @@ -12,22 +12,25 @@ header .title-container flex: 1 min-width: 300px - @include sm-device + @include xs-device order: 3 .board-selector-container min-width: 320px display: flex align-items: center - @include sm-device + @include xs-device order: 2 + min-width: 300px + input[type=text] + max-width: 280px .menus-container min-width: 120px display: flex align-items: center justify-content: flex-end - @include sm-device + @include xs-device order: 1 margin-bottom: 5px margin-left: auto diff --git a/assets/sass/_sidebar.sass b/assets/sass/_sidebar.sass index 44ac22bb..35e9c006 100644 --- a/assets/sass/_sidebar.sass +++ b/assets/sass/_sidebar.sass @@ -20,9 +20,12 @@ order: 1 max-width: 100% + @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) + max-width: 75% + .sidebar - width: 25% - max-width: 250px + max-width: 25% + min-width: 230px @include sm-device flex: 1 auto |