Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-25 07:51:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix overflow hidden

Browse Source
This commit is contained in:
James Hawkins 2021-10-26 13:36:29 +01:00
parent 8e77a95878
commit 4055febd4e
2 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Card.css
View File

@ -18,6 +18,10 @@
max-width: 100%; max-width: 100%;
} }
.card-wrapper.overflow-hidden {
overflow: hidden;
}
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.card { .card {
margin: 0; margin: 0;

2
src/components/Card.js
View File

@ -17,7 +17,7 @@ export function Card(props) {
}, [props.show, measureRef]) }, [props.show, measureRef])
return ( return (
<div className={`card-wrapper ${ props.fullWidth ? 'full' : '' }`} style={{ <div className={`card-wrapper ${ props.fullWidth ? 'full' : '' } ${ props.doTransition ? 'overflow-hidden' : '' }`} style={{
height: props.doTransition ? (showing ? height : 0) : "initial", height: props.doTransition ? (showing ? height : 0) : "initial",
}}> }}>
<div className={`card ${ showing ? 'show' : '' } ${ props.doTransition ? 'doTransition' : '' }`} ref={measureRef}> <div className={`card ${ showing ? 'show' : '' } ${ props.doTransition ? 'doTransition' : '' }`} ref={measureRef}>