about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorPFM <info@eyesight.jp>2017-10-04 00:11:22 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-10-03 17:11:22 +0200
commit875d943c189afe9887200f357d916a9f8fd19fe8 (patch)
treeb8ac5fccf5fd67fa79d0227e4b0e68d31924bcaf /app/javascript/styles
parent334a446313d504ef9bb80ce213be32729aa3d2b8 (diff)
Add pagination in media modal (#4343)
* Add pagination in media modal

* Change array name

* Add an element class

* Avoid nested class

* Pull out the active class

* Use map instead of forEach

* Remove parentheses
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss27
1 files changed, 27 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 3e1b08e9f..6ef4e3866 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -3080,6 +3080,33 @@ button.icon-button.active i.fa-retweet {
   background: $base-overlay-background;
 }
 
+.media-modal__pagination {
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  bottom: -40px;
+}
+
+.media-modal__page-dot {
+  display: inline-block;
+}
+
+.media-modal__button {
+  background-color: $white;
+  height: 12px;
+  width: 12px;
+  border-radius: 6px;
+  margin: 10px;
+  padding: 0;
+  border: 0;
+  font-size: 0;
+}
+
+.media-modal__button--active {
+  background-color: $ui-highlight-color;
+}
+
 .media-modal__close {
   position: absolute;
   right: 4px;