diff options
author | Jacob Schatz <jschatz@gitlab.com> | 2016-08-19 17:33:42 +0000 |
---|---|---|
committer | Jacob Schatz <jschatz@gitlab.com> | 2016-08-19 17:33:42 +0000 |
commit | 66eb01853a15cf517341e91fdd10f6384fec80de (patch) | |
tree | 2975de292cb6a3ea3f814b3fc1ad37c2dfde2d03 /app/assets/stylesheets | |
parent | 725036669cca45df17f1acbb1a45a031a1a84c85 (diff) | |
parent | abdd4ba8c55e34b6d970aea739142d757f7ab459 (diff) | |
download | gitlab-ce-66eb01853a15cf517341e91fdd10f6384fec80de.tar.gz |
Merge branch 'issue-boards-mobile-improvements' into 'master'
Improvements to issue boards on mobile
## What does this MR do?
- Removes the drag handles
- Adds a delay before dragging can start otherwise you can't scroll the page
See merge request !5897
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 29 |
1 files changed, 3 insertions, 26 deletions
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index bea9ac75715..9ac4d801ac4 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -105,8 +105,8 @@ .board { display: -webkit-flex; display: flex; - min-width: calc(100vw - 15px); - max-width: calc(100vw - 15px); + min-width: calc(85vw - 15px); + max-width: calc(85vw - 15px); margin-bottom: 25px; padding-right: ($gl-padding / 2); padding-left: ($gl-padding / 2); @@ -158,14 +158,6 @@ padding: $gl-padding; font-size: 1em; border-bottom: 1px solid $border-color; - - .board-mobile-handle { - position: relative; - left: 0; - top: 1px; - margin-top: 0; - margin-right: 5px; - } } .board-search-container { @@ -268,11 +260,7 @@ list-style: none; &.user-can-drag { - padding-left: ($gl-padding * 2); - - @media (min-width: $screen-sm-min) { - padding-left: $gl-padding; - } + padding-left: $gl-padding; } &:not(:last-child) { @@ -293,17 +281,6 @@ } } -.board-mobile-handle { - position: absolute; - left: 10px; - top: 50%; - margin-top: (-15px / 2); - - @media (min-width: $screen-sm-min) { - display: none; - } -} - .card-title { margin: 0; font-size: 1em; |