Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Add pagination in media modal (#4343)

Browse source 
* 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
This commit is contained in:
PFM 2017-10-04 00:11:22 +09:00 • committed by Eugen Rochko
parent 334a446313
commit 875d943c18
2 changed files with 47 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/styles/components.scss
View file

@ -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;