betterplace_explorer 0.0.1.pre.alpha24 → 0.0.1.pre.alpha25

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,38 @@
1
+ .bpe--location-input
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
+ border-bottom: 1px solid $light-grey
10
+
11
+ .bpe--location-input--input
12
+ display: block
13
+ margin: 17px 20px
14
+ padding: 10px 30px 10px 10px
15
+ width: $betterplace_explorer_sidebar_width / 2 - 17px
16
+ box-shadow: none
17
+ border: 1px solid $light-grey
18
+ border-radius: 4px
19
+
20
+ .browser-edge &,
21
+ .browser-msie &
22
+ padding-right: 5px
23
+
24
+ .bpe--location-input--reset
25
+ position: absolute
26
+ right: 8px
27
+ top: 14px
28
+ z-index: 1000
29
+ font-size: 3rem
30
+ font-weight: 100
31
+ cursor: pointer
32
+
33
+ .browser-edge &,
34
+ .browser-msie &
35
+ display: none
36
+
37
+ &:hover
38
+ text-decoration: none
@@ -3,5 +3,5 @@
3
3
  top: 0
4
4
  right: 0
5
5
  z-index: 70
6
- width: calc(100% - 600px)
6
+ width: calc(100% - #{$betterplace_explorer_sidebar_width})
7
7
  height: $betterplace_explorer_height
@@ -0,0 +1,58 @@
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
9
+
10
+ .bpe--pagination--current-page
11
+ display: inline-block
12
+ width: calc(100% - 36px * 2 - 2px)
13
+ text-align: right
14
+ padding-right: 10px
15
+ font-weight: bold
16
+
17
+ .bpe--pagination--pager
18
+ list-style-type: none
19
+ margin: 0
20
+ padding: 0
21
+ display: inline-block
22
+ width: 36px * 2 + 2px
23
+
24
+ li
25
+ display: inline-block
26
+ margin-right: 1px
27
+
28
+ li a
29
+ background: $very-dark-grey
30
+ color: white
31
+ display: inline-block
32
+ width: 36px
33
+ height: 36px
34
+ text-align: center
35
+ line-height: 36px
36
+
37
+ li.disabled a
38
+ background: $light-grey
39
+
40
+ li:first-child a
41
+ border-radius: 4px 0 0 4px
42
+
43
+ li:last-child a
44
+ border-radius: 0 4px 4px 0
45
+
46
+ li a:before
47
+ content: ''
48
+ display: inline-block
49
+ width: 0
50
+ height: 0
51
+ border-top: 5px solid transparent
52
+ border-bottom: 5px solid transparent
53
+
54
+ li.previous a:before
55
+ border-right: 5px solid white
56
+
57
+ li.next a:before
58
+ border-left: 5px solid white
@@ -0,0 +1,15 @@
1
+ $light-green: #cccc20
2
+ $medium-green: #bad304
3
+ $dark-green: #6a9000
4
+ $very-dark-green: #2c5100
5
+
6
+ $almost-white: #f8f8f8
7
+ $very-light-grey: #eeeeee
8
+ $light-grey: #cccccc
9
+ $medium-grey: #949494
10
+ $dark-grey: #636b70
11
+ $very-dark-grey: #3f3f3f
12
+
13
+ $betterplace_explorer_height: 100vh !default
14
+ $betterplace_explorer_sidebar_width: 650px !default
15
+ $betterplace_explorer_location_input_height: 75px !default
@@ -1,16 +1,25 @@
1
1
  .bpe--volunteering
2
2
  display: flex
3
3
  margin-bottom: 20px
4
- border: 1px solid #ccc
4
+ border: 1px solid $light-grey
5
5
 
6
- .bpe--volunteering--image
7
- margin-right: 10px
6
+ .bpe--map &
7
+ flex-direction: column
8
+ border: 0
9
+ margin-bottom: 0
10
+
11
+ &.active
12
+ h4
13
+ text-decoration: underline
8
14
 
9
15
  .bpe--volunteering--body
10
16
  flex-grow: 1
11
17
  padding-top: 10px
12
18
  font-size: 14px
13
19
 
20
+ .bpe--map &
21
+ padding: 10px
22
+
14
23
  p:first-child:before
15
24
  content: ''
16
25
  display: inline-block
@@ -25,17 +34,10 @@
25
34
  h4
26
35
  font-weight: 400
27
36
 
28
- .bpe--map
29
- .bpe--volunteering
30
- flex-direction: column
31
- border: 0
32
- margin-bottom: 0
37
+ .bpe--volunteering--image
38
+ margin-right: 10px
33
39
 
34
- .bpe--volunteering--image
40
+ .bpe--map &
35
41
  width: 210px
36
42
  height: 109px
37
43
  margin-right: 0
38
-
39
- .bpe--volunteering--body
40
- padding: 10px
41
-
@@ -1,8 +1,8 @@
1
1
  .bpe--volunteering-list
2
2
  position: absolute
3
- top: 0
3
+ top: $betterplace_explorer_location_input_height
4
4
  left: 0
5
- width: 600px
5
+ width: $betterplace_explorer_sidebar_width
6
6
  height: $betterplace_explorer_height
7
7
  overflow-x: hidden
8
8
  overflow-y: scroll
@@ -1,4 +1,4 @@
1
- $betterplace_explorer_height: 100vh !default
1
+ @import betterplace_explorer/variables
2
2
 
3
3
  @import betterplace_explorer/explorer
4
4
  @import betterplace_explorer/location_input
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: betterplace_explorer
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1.pre.alpha24
4
+ version: 0.0.1.pre.alpha25
5
5
  platform: ruby
6
6
  authors:
7
7
  - betterplace developers
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-07-07 00:00:00.000000000 Z
11
+ date: 2016-07-13 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: An awesome explorer
14
14
  email:
@@ -19,13 +19,14 @@ extra_rdoc_files: []
19
19
  files:
20
20
  - app/assets/javascripts/betterplace_explorer.js
21
21
  - app/assets/stylesheets/betterplace_explorer.sass
22
- - app/assets/stylesheets/betterplace_explorer/explorer.sass
23
- - app/assets/stylesheets/betterplace_explorer/location_input.sass
24
- - app/assets/stylesheets/betterplace_explorer/map.sass
25
- - app/assets/stylesheets/betterplace_explorer/pagination.sass
26
- - app/assets/stylesheets/betterplace_explorer/volunteering.sass
27
- - app/assets/stylesheets/betterplace_explorer/volunteering_info_bubble.sass
28
- - app/assets/stylesheets/betterplace_explorer/volunteering_list.sass
22
+ - app/assets/stylesheets/betterplace_explorer/_explorer.sass
23
+ - app/assets/stylesheets/betterplace_explorer/_location_input.sass
24
+ - app/assets/stylesheets/betterplace_explorer/_map.sass
25
+ - app/assets/stylesheets/betterplace_explorer/_pagination.sass
26
+ - app/assets/stylesheets/betterplace_explorer/_variables.sass
27
+ - app/assets/stylesheets/betterplace_explorer/_volunteering.sass
28
+ - app/assets/stylesheets/betterplace_explorer/_volunteering_info_bubble.sass
29
+ - app/assets/stylesheets/betterplace_explorer/_volunteering_list.sass
29
30
  - lib/betterplace_explorer.rb
30
31
  homepage: https://github.com/betterplace/betterplace_explorer
31
32
  licenses:
@@ -47,7 +48,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
47
48
  version: 1.3.1
48
49
  requirements: []
49
50
  rubyforge_project:
50
- rubygems_version: 2.5.1
51
+ rubygems_version: 2.6.4
51
52
  signing_key:
52
53
  specification_version: 4
53
54
  summary: An awesome explorer
@@ -1,35 +0,0 @@
1
- .bpe--location-input
2
- background: white
3
- position: absolute
4
- top: 10px
5
- right: 10px
6
- z-index: 100
7
- width: 400px
8
- box-shadow: 0 0 10px 0 rgba(0,0,0,0.25)
9
-
10
- .bpe--location-input--input
11
- display: block
12
- margin: 20px
13
- padding: 5px
14
- padding-right: 30px
15
- width: calc(100% - 70px)
16
-
17
- .browser-edge &,
18
- .browser-msie &
19
- padding-right: 5px
20
-
21
- .bpe--location-input--reset
22
- position: absolute
23
- right: 20px
24
- top: 13px
25
- z-index: 1000
26
- font-size: 3rem
27
- font-weight: 100
28
- cursor: pointer
29
-
30
- .browser-edge &,
31
- .browser-msie &
32
- display: none
33
-
34
- .bpe--location-input--reset:hover
35
- text-decoration: none
@@ -1,3 +0,0 @@
1
- .bpe--pagination
2
- li.text-muted
3
- line-height: 32px