mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues 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}>