betterplace_explorer 0.0.1.pre.alpha26 → 0.0.1.pre.alpha27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/betterplace_explorer.js +1479 -1658
  3. data/app/assets/stylesheets/betterplace_explorer/_explorer.sass +3 -0
  4. data/app/assets/stylesheets/betterplace_explorer/_location_input.sass +20 -10
  5. data/app/assets/stylesheets/betterplace_explorer/_mixins.sass +7 -0
  6. data/app/assets/stylesheets/betterplace_explorer/_pagination.sass +15 -8
  7. data/app/assets/stylesheets/betterplace_explorer/_variables.sass +1 -0
  8. data/app/assets/stylesheets/betterplace_explorer/_volunteering.sass +30 -8
  9. data/app/assets/stylesheets/betterplace_explorer/_volunteering_list.sass +10 -8
  10. data/app/assets/stylesheets/betterplace_explorer.sass +1 -0
  11. metadata +2 -1
data/app/assets/stylesheets/betterplace_explorer/_explorer.sass CHANGED
@@ -1,2 +1,5 @@
1
1
  .betterplace-explorer
2
2
  height: $betterplace_explorer_height
3
+
4
+ +phone
5
+ margin: 0 10px
data/app/assets/stylesheets/betterplace_explorer/_location_input.sass CHANGED
@@ -1,21 +1,27 @@
1
1
  .bpe--location-input
2
2
  background: white
3
- position: absolute
4
- top: 0
5
- left: 0
6
- z-index: 100
7
- width: $betterplace_explorer_sidebar_width / 2
8
- height: $betterplace_explorer_location_input_height
9
3
  border-bottom: 1px solid $light-grey
10
4
 
5
+ +desktop
6
+ position: absolute
7
+ top: 0
8
+ left: 0
9
+ z-index: 100
10
+ width: $betterplace_explorer_sidebar_width / 2
11
+ height: $betterplace_explorer_location_input_height
12
+
11
13
  .bpe--location-input--input
12
14
  display: block
13
- margin: 17px 20px
14
15
  padding: 10px 30px 10px 10px
15
- width: $betterplace_explorer_sidebar_width / 2 - 17px
16
16
  box-shadow: none
17
17
  border: 1px solid $light-grey
18
18
  border-radius: 4px
19
+ width: $betterplace_explorer_sidebar_width / 2 - 17px
20
+ margin: 17px 20px
21
+
22
+ +phone
23
+ width: 100%
24
+ margin: 10px 0
19
25
 
20
26
  .browser-edge &,
21
27
  .browser-msie &
@@ -23,12 +29,16 @@
23
29
 
24
30
  .bpe--location-input--reset
25
31
  position: absolute
26
- right: 8px
27
- top: 14px
28
32
  z-index: 1000
29
33
  font-size: 3rem
30
34
  font-weight: 100
31
35
  cursor: pointer
36
+ right: 8px
37
+ top: 14px
38
+
39
+ +phone
40
+ right: 20px
41
+ top: 8px
32
42
 
33
43
  .browser-edge &,
34
44
  .browser-msie &
data/app/assets/stylesheets/betterplace_explorer/_mixins.sass ADDED
@@ -0,0 +1,7 @@
1
+ @mixin phone
2
+ @media only screen and (max-width: $betterplace_explorer_mobile_breakpoint)
3
+ @content
4
+
5
+ @mixin desktop
6
+ @media only screen and (min-width: $betterplace_explorer_mobile_breakpoint + 1px)
7
+ @content
data/app/assets/stylesheets/betterplace_explorer/_pagination.sass CHANGED
@@ -1,19 +1,26 @@
1
1
  .bpe--pagination
2
- position: absolute
3
- left: $betterplace_explorer_sidebar_width / 2
4
- top: $betterplace_explorer_location_input_height / 4
5
- width: $betterplace_explorer_sidebar_width / 2
6
- height: $betterplace_explorer_location_input_height / 4 * 3
7
- border-bottom: 1px solid $light-grey
8
- padding-right: 35px
2
+
3
+ +desktop
4
+ position: absolute
5
+ left: $betterplace_explorer_sidebar_width / 2
6
+ top: $betterplace_explorer_location_input_height / 4
7
+ width: $betterplace_explorer_sidebar_width / 2
8
+ height: $betterplace_explorer_location_input_height / 4 * 3
9
+ padding-right: 35px
10
+ border-bottom: 1px solid $light-grey
11
+
12
+ +phone
13
+ margin: 10px 0
9
14
 
10
15
  .bpe--pagination--current-page
11
16
  display: inline-block
12
17
  width: calc(100% - 36px * 2 - 2px)
13
- text-align: right
14
18
  padding-right: 10px
15
19
  font-weight: bold
16
20
 
21
+ +desktop
22
+ text-align: right
23
+
17
24
  .bpe--pagination--pager
18
25
  list-style-type: none
19
26
  margin: 0
data/app/assets/stylesheets/betterplace_explorer/_variables.sass CHANGED
@@ -13,3 +13,4 @@ $very-dark-grey: #3f3f3f
13
13
  $betterplace_explorer_height: 100vh !default
14
14
  $betterplace_explorer_sidebar_width: 650px !default
15
15
  $betterplace_explorer_location_input_height: 75px !default
16
+ $betterplace_explorer_mobile_breakpoint: 767px !default
data/app/assets/stylesheets/betterplace_explorer/_volunteering.sass CHANGED
@@ -1,10 +1,8 @@
1
1
  .bpe--volunteering
2
- display: flex
3
2
  margin-bottom: 20px
4
3
  border: 1px solid $light-grey
5
4
 
6
5
  .bpe--map &
7
- flex-direction: column
8
6
  border: 0
9
7
  margin-bottom: 0
10
8
 
@@ -13,14 +11,36 @@
13
11
  text-decoration: underline
14
12
 
15
13
  .bpe--volunteering--body
16
- flex-grow: 1
17
14
  padding-top: 10px
18
15
  font-size: 14px
19
16
 
17
+ small
18
+ font-size: 12px
19
+
20
+ .bpe--volunteering-list &
21
+ display: inline-block
22
+ vertical-align: top
23
+ width: 50%
24
+
20
25
  .bpe--map &
21
26
  padding: 10px
22
27
 
23
- p:first-child:before
28
+ h4
29
+ font-weight: 400
30
+
31
+ +phone
32
+ font-size: 14px
33
+ hyphens: auto
34
+ -webkit-hyphens: auto
35
+
36
+ .bpe--volunteering--carrier-name
37
+
38
+ +phone
39
+ text-overflow: ellipsis
40
+ white-space: nowrap
41
+ overflow: hidden
42
+
43
+ &:before
24
44
  content: ''
25
45
  display: inline-block
26
46
  margin-right: 5px
@@ -31,11 +51,13 @@
31
51
  background-size: contain
32
52
  background-repeat: no-repeat
33
53
 
34
- h4
35
- font-weight: 400
36
-
37
54
  .bpe--volunteering--image
38
- margin-right: 10px
55
+
56
+ .bpe--volunteering-list &
57
+ display: inline-block
58
+ vertical-align: top
59
+ width: 46%
60
+ margin-right: 4%
39
61
 
40
62
  .bpe--map &
41
63
  width: 210px
data/app/assets/stylesheets/betterplace_explorer/_volunteering_list.sass CHANGED
@@ -1,12 +1,14 @@
1
1
  .bpe--volunteering-list
2
- position: absolute
3
- top: $betterplace_explorer_location_input_height
4
- left: 0
5
- width: $betterplace_explorer_sidebar_width
6
- height: $betterplace_explorer_height
7
- overflow-x: hidden
8
- overflow-y: scroll
9
- padding: 20px
2
+
3
+ +desktop
4
+ position: absolute
5
+ top: $betterplace_explorer_location_input_height
6
+ left: 0
7
+ width: $betterplace_explorer_sidebar_width
8
+ height: $betterplace_explorer_height
9
+ overflow-x: hidden
10
+ overflow-y: scroll
11
+ padding: 20px
10
12
 
11
13
  &.loading:before
12
14
  content: ''
data/app/assets/stylesheets/betterplace_explorer.sass CHANGED
@@ -1,4 +1,5 @@
1
1
  @import betterplace_explorer/variables
2
+ @import betterplace_explorer/mixins
2
3
 
3
4
  @import betterplace_explorer/explorer
4
5
  @import betterplace_explorer/location_input
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: betterplace_explorer
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1.pre.alpha26
4
+ version: 0.0.1.pre.alpha27
5
5
  platform: ruby
6
6
  authors:
7
7
  - betterplace developers
@@ -22,6 +22,7 @@ files:
22
22
  - app/assets/stylesheets/betterplace_explorer/_explorer.sass
23
23
  - app/assets/stylesheets/betterplace_explorer/_location_input.sass
24
24
  - app/assets/stylesheets/betterplace_explorer/_map.sass
25
+ - app/assets/stylesheets/betterplace_explorer/_mixins.sass
25
26
  - app/assets/stylesheets/betterplace_explorer/_pagination.sass
26
27
  - app/assets/stylesheets/betterplace_explorer/_variables.sass
27
28
  - app/assets/stylesheets/betterplace_explorer/_volunteering.sass