From c7052f0db2834961f896d315878f51f206581149 Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Wed, 3 Jun 2020 10:59:53 -0300
Subject: [PATCH] responsiveness fix
---
src/Components/ResourcePageComponents/Sobre.js | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/src/Components/ResourcePageComponents/Sobre.js b/src/Components/ResourcePageComponents/Sobre.js
index 7f7116c1..630ca9c4 100644
--- a/src/Components/ResourcePageComponents/Sobre.js
+++ b/src/Components/ResourcePageComponents/Sobre.js
@@ -76,7 +76,7 @@ export default function Sobre (props) {
/>
))
}
-
+
if (props.mimeType){
aux.push(<AdditionalInfoItem
icon={<InsertDriveFileIcon/>}
@@ -133,10 +133,12 @@ export default function Sobre (props) {
setAdditionalInfo(aux)
}, [])
+ let windowWidth = window.innerWidth
+
return (
<Grid container style={{paddingRight : "15px", paddingLeft : "15px"}}>
- <Grid item xs={9} style={{paddingRight : "15px"}}>
+ <Grid item xs={windowWidth > 990 ? 9 : 12} style={{paddingRight : "15px"}}>
<Collapse in={collapsed} collapsedHeight={338}>
<SobreDiv>
<div className="titulo">
@@ -173,7 +175,7 @@ export default function Sobre (props) {
</Collapse>
</Grid>
- <Grid item xs={3}>
+ <Grid item xs={windowWidth > 990 ? 3 : 12}>
<MetasObjeto>
<div className="enviado-por">
Enviado por:
@@ -270,6 +272,7 @@ const SobreDiv = styled.div`
display : flex;
flex-direction : row;
align-items : center;
+ font-size : .8em;
span {
text-transform : capitalize;
@@ -281,7 +284,7 @@ const SobreDiv = styled.div`
line-height : 18px;
margin-bottom : 3px;
color : #666;
- font-size : .8em;
+ font-size : .8em
}
}
@@ -342,7 +345,6 @@ const SobreDiv = styled.div`
const MetasObjeto = styled.div`
margin : 20px 0;
- border-left : 1px solid #e5e5e5;
-webkit-box-orient : vertical;
-webkit-box-direction : normal;
-ms-flex-direction : column;
@@ -353,6 +355,10 @@ const MetasObjeto = styled.div`
padding : 20px;
text-align : center;
+ @media screen and (min-width : 990px) {
+ border-left : 1px solid #e5e5e5;
+ }
+
.span-st {
position : relative;
font-size : 14px;
--
GitLab