Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-23 17:16:26 +01:00
Code Issues Projects Releases Packages Wiki Activity

Quick fix for "See post" messing up the top controls div in small screens

Browse source
This commit is contained in:
Lim Chee Aun 2023-01-29 15:55:15 +08:00
parent 292186e918
commit b8c9059562
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app.css
View file

@ -849,7 +849,14 @@ button.carousel-dot:is(.active, [disabled].active) {
/* CAROUSEL + STATUS PAGE COMBO */ /* CAROUSEL + STATUS PAGE COMBO */
.media-post-link .button-label {
display: none;
}
@media (min-width: calc(40em + 350px)) { @media (min-width: calc(40em + 350px)) {
.media-post-link .button-label {
display: inline;
}
#modal-container > div, #modal-container > div,
.status-deck { .status-deck {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;

4
src/components/media-modal.jsx
View file

@ -165,7 +165,7 @@ function MediaModal({
{!isStatusLocation && ( {!isStatusLocation && (
<Link <Link
to={`/s/${statusID}`} to={`/s/${statusID}`}
class="button carousel-button plain3" class="button carousel-button media-post-link plain3"
onClick={() => { onClick={() => {
// if small screen (not media query min-width 40em + 350px), run onClose // if small screen (not media query min-width 40em + 350px), run onClose
if ( if (
@ -175,7 +175,7 @@ function MediaModal({
} }
}} }}
> >
See post &raquo; <span class="button-label">See post </span>&raquo;
</Link> </Link>
)}{' '} )}{' '}
<a <a