jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

media assets: fix paginator positioning on mobile.

Browse Source 
On the media assets show page, fix the styling and positioning of the paginator on mobile.
This commit is contained in:
evazion
2022-12-09 22:43:32 -06:00
parent 16c9e906b2
commit f0bd57af98
4 changed files with 32 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/src/styles/base/040_colors.scss
View File

@@ -296,7 +296,7 @@ html, body[data-current-user-theme="light"] {
--asset-paginator-link-color: var(--link-color);
--asset-paginator-link-hover-color: var(--link-color);
--asset-paginator-background-color: var(--white);
--asset-paginator-background-hover-color: var(--blue-0);
--asset-paginator-background-hover-color: var(--white);
--artist-tag-color: var(--red-6);
--artist-tag-hover-color: var(--red-5);

2
app/javascript/src/styles/common/utilities.scss
View File

@@ -109,7 +109,9 @@ $spacer: 0.25rem; /* 4px */
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-0\.5 { margin-left: 0.5 * $spacer; margin-right: 0.5 * $spacer; }
.mx-1 { margin-left: 1 * $spacer; margin-right: 1 * $spacer; }
.mx-2 { margin-left: 2 * $spacer; margin-right: 2 * $spacer; }
.mx-4 { margin-left: 4 * $spacer; margin-right: 4 * $spacer; }
.mt-1 { margin-top: 1 * $spacer; }
.mt-2 { margin-top: 2 * $spacer; }