Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
whats-open-web
Commits
ee9d5f76
Commit
ee9d5f76
authored
Nov 23, 2017
by
Andrew Hrdy
Browse files
Fixed the error with grid align. Small fixes.
parent
f0ed0665
Pipeline
#1779
passed with stage
in 1 minute and 40 seconds
Changes
3
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
src/components/CardContainer.js
View file @
ee9d5f76
...
...
@@ -9,7 +9,7 @@ const CardContainer = ({searchTerm, facilities}) => {
return
name
.
includes
(
searchTerm
.
toLowerCase
())
}
return
(
<
Grid
container
className
=
{
'
card-container-root
'
}
spacing
=
{
24
}
justify
=
{
'
center
'
}
align
=
{
'
flex-end
'
}
>
<
Grid
container
className
=
{
'
card-container-root
'
}
spacing
=
{
24
}
justify
=
{
'
center
'
}
align
Items
=
{
'
flex-end
'
}
>
{
facilities
.
filter
(
filterCards
).
map
(
item
=>
{
return
(
<
Grid
key
=
{
item
.
slug
}
item
>
...
...
src/containers/FacilityCard.js
View file @
ee9d5f76
...
...
@@ -53,7 +53,8 @@ class FacilityCard extends React.Component {
}
handleCardClick
=
()
=>
{
this
.
props
.
setSelectedFacility
(
this
.
props
.
facility
);
const
isSelected
=
this
.
props
.
selectedFacility
.
slug
===
this
.
props
.
facility
.
slug
;
this
.
props
.
setSelectedFacility
(
isSelected
?
null
:
this
.
props
.
facility
);
};
toggleMap
=
()
=>
{
...
...
@@ -158,7 +159,7 @@ class FacilityCard extends React.Component {
addFavoriteFacility
=
{
addFavoriteFacility
}
isHovered
=
{
this
.
state
.
isHovered
}
removeFavoriteFacility
=
{
removeFavoriteFacility
}
/
>
<
CardContent
className
=
{
'
fc-card-content
'
}
>
<
Grid
container
align
=
{
'
center
'
}
direction
=
{
'
column
'
}
className
=
{
'
fc-small-grid-container-spacing
'
}
>
<
Grid
container
align
Items
=
{
'
center
'
}
direction
=
{
'
column
'
}
className
=
{
'
fc-small-grid-container-spacing
'
}
>
<
Grid
item
className
=
{
classnames
(
'
fc-small-grid-item-spacing
'
,
'
fc-ellipsis-container
'
)}
>
<
Typography
type
=
{
'
subheading
'
}
align
=
{
'
center
'
}
className
=
{
classnames
(
'
fc-title
'
,
'
fc-one-line-ellipsis
'
)}
>
{
removeBrackets
(
facility
.
facility_name
)}
...
...
src/styles/containers/layout.scss
View file @
ee9d5f76
...
...
@@ -9,7 +9,7 @@
height
:
100%
;
display
:
flex
;
overflow-x
:
hidden
;
overflow-y
:
scroll
;
overflow-y
:
auto
;
-webkit-overflow-scrolling
:
touch
;
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment