Commit 3809d706 authored by Mattias J Duffy's avatar Mattias J Duffy
Browse files

this adds some styles for the media queries

parent 2759de21
......@@ -168,7 +168,7 @@ class FacilityCard extends React.Component {
<Grid item className={'extraInfoWrapper'}>
<Typography type={'caption'}>
<LocationOnIcon/>
<LocationOnIcon className={'card-map-marker-icon'}/>
</Typography>
<Typography type={'caption'} align={'center'} className={twoLineEllipsis}>
{facility.facility_location.building}
......@@ -232,6 +232,10 @@ const styleSheet = {
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
},
tempclass:{
width:20,
height:20,
}
};
......
......@@ -2,7 +2,7 @@
.root {
width: 250px * .75;
height:230px;
border-radius: 5px;
border-radius: 5px !important;
position: relative;
}
.cardContent {
......@@ -16,6 +16,7 @@
}
.media {
flex: 1;
border-radius: 5px 5px 0px 0px;
height: 115px * .75;
}
.logoContainer {
......@@ -37,6 +38,8 @@
display: flex;
align-items: center;
max-width: 50%;
font-size: 11px;
}
.twoLineEllipsis {
position: relative;
......@@ -51,6 +54,10 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.card-map-marker-icon {
height:20px !important;
width: 20px !important;
}
}
@media screen and (min-width:1680px) {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment