summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/pages/boards.scss
diff options
context:
space:
mode:
authorJacob Schatz <jschatz@gitlab.com>2016-08-19 17:33:42 +0000
committerJacob Schatz <jschatz@gitlab.com>2016-08-19 17:33:42 +0000
commit66eb01853a15cf517341e91fdd10f6384fec80de (patch)
tree2975de292cb6a3ea3f814b3fc1ad37c2dfde2d03 /app/assets/stylesheets/pages/boards.scss
parent725036669cca45df17f1acbb1a45a031a1a84c85 (diff)
parentabdd4ba8c55e34b6d970aea739142d757f7ab459 (diff)
downloadgitlab-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/pages/boards.scss')
-rw-r--r--app/assets/stylesheets/pages/boards.scss29
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;