Skip to content

Commit

Permalink
#55: refactoring and added filters
Browse files Browse the repository at this point in the history
  • Loading branch information
st3phan-cs committed Feb 20, 2020
1 parent 4dc2383 commit 5f86a33
Show file tree
Hide file tree
Showing 4 changed files with 221 additions and 383 deletions.
3 changes: 3 additions & 0 deletions gatsby-config.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,9 @@ const providers = `query {
name
}
}
supplier {
name
}
}
}
}`;
Expand Down
257 changes: 2 additions & 255 deletions src/assets/theme/src/components/_search_results.sass
Original file line number Diff line number Diff line change
@@ -1,255 +1,2 @@
article hr
margin: 10px 14px
float: none
width: initial


.is-logo
float: left
margin-left: 18px


.logo
margin-left: 15px
font-size: 30px
font-weight: bold
float: left


.logo:hover
text-decoration: none


.logo i
margin-left: 5px
color: #e91d00


.main
width: 100%


.main header
width: 100%
padding: 10px
position: relative
left: 0
right: 0
z-index: 2


.searchbox-container
margin-left: 240px
max-width: 400px


.searchbox-container .input-group
margin-top: 5px


.searchbox-container .form-control:focus
outline: none
box-shadow: none


.searchbox-container button
padding-left: 20px
padding-right: 20px
background: #666666
border-radius: 0


section
width: 100%
min-height: 100%
z-index: 1


section aside
float: right
bottom: 0
width: 230px


.nav
margin: 0 20px


.nav li a
display: block
padding: 2px 10px
margin: 10px 0


.nav li a:hover
color: #ffffff
background: #333333


.nav li.separator
height: 1px


section aside h5
color: #ce1312
margin-left: 30px
text-transform: uppercase
font-size: 10px
margin-top: 20px


section article
float: left
padding: 10px 0
width: calc(100% - 250px)


.ais-Stats-text
padding-right: 14px
font-size: 0.8em
line-height: 24px


#hits
padding: 0 15px


.ais-Pagination
box-shadow: none
border: none
border-radius: initial
padding: 0px


.ais-Pagination-item
display: inline-block
padding: 0px


.ais-Pagination-item + .ais-Pagination-item
margin-left: 4px


.ais-Pagination-item--disabled
display: none


.ais-Pagination-link
display: block
background: #f8f8f8
padding: 3px 8px
color: #333333


.ais-Pagination-item--selected .ais-Pagination-link
border-color: #b5b5b5
background: #e8e8e8


.ais-Pagination-link:hover
text-decoration: none
border-color: #cfcfcf
background: #ebebeb
color: #333333


.ais-Hits-list
margin: 0


.ais-Hits-item
margin: 0
padding: 0
border: none
box-shadow: none
width: 100%


.hit
margin-bottom: 10px
height: 130px
border: 1px solid #f3f3f3


.hit em
font-style: normal
background: #ffffd4
text-decoration: underline


.hit .media-object
height: 130px
width: 130px
overflow: hidden
background-size: contain
background-repeat: no-repeat
background-position: center center


.hit .media-heading
color: #167ac6
font-weight: normal
font-size: 18px


.hit .media-body
padding: 10px


.thank-you
font-size: 0.8em
margin-top: 18px
margin-left: 30px


.thank-you a
color: #ce1312


.stars
margin-left: 5px


.star
/* item star */
display: inline-block
width: 1em
height: 1em


.star:before
content: '\2605'
color: #fbae00


.star__empty
/* empty star */
display: inline-block
width: 1em
height: 1em


.star__empty:before
content: '\2606'
color: #fbae00


.genre,
.year
margin: 12px 0


.genre .badge + .badge
margin-left: 4px


.year
font-weight: bold


.genre .badge
background: #bbbbbb


.ais-RatingMenu
margin: 0 24px 0 28px
.ais-Highlight-highlighted
@apply text-celeste
Loading

0 comments on commit 5f86a33

Please sign in to comment.