summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/framework/pagination.scss
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2016-10-27 16:08:16 +0100
committerFilipa Lacerda <filipa@gitlab.com>2016-11-01 16:24:54 +0000
commit69164211159ac1d4e80d53d5a9d4f3578b689454 (patch)
treefebb1b0310d5ccf673261066bdff42f0f3d5562f /app/assets/stylesheets/framework/pagination.scss
parent16d98f425ced770dea7701f883f64e263d962a01 (diff)
downloadgitlab-ce-69164211159ac1d4e80d53d5a9d4f3578b689454.tar.gz
Makes table pagination responsive
Media queries for medium screens Adds entry to CHANGELOG Rollback to previous design Adds class for previous sibling Fix removed class Fixes after review Fix scss linter
Diffstat (limited to 'app/assets/stylesheets/framework/pagination.scss')
-rw-r--r--app/assets/stylesheets/framework/pagination.scss43
1 files changed, 43 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/pagination.scss b/app/assets/stylesheets/framework/pagination.scss
index b6f21fd8c91..2700d5db9f0 100644
--- a/app/assets/stylesheets/framework/pagination.scss
+++ b/app/assets/stylesheets/framework/pagination.scss
@@ -7,8 +7,51 @@
.pagination {
padding: 0;
}
+
+ .gap,
+ .gap:hover {
+ background-color: $gray-light;
+ padding: 6px;
+ cursor: default;
+ }
}
.panel > .gl-pagination {
margin: 0;
}
+
+/**
+ * Small screen pagination
+ */
+
+@media (max-width: $screen-xs) {
+ .gl-pagination {
+ .pagination li a {
+ padding: 6px 14px;
+ }
+
+ .page {
+ display: none;
+
+ &.active {
+ display: inline;
+ }
+ }
+ }
+}
+
+/**
+ * Medium screen pagination
+ */
+@media (min-width: $screen-xs) and (max-width: $screen-md-max) {
+ .gl-pagination {
+ .page {
+ display: none;
+
+ &.active,
+ &.sibling {
+ display: inline;
+ }
+ }
+ }
+}