ama_layout 2.9.2 → 3.0.0
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.
- checksums.yaml +4 -4
- data/ama_layout.gemspec +1 -1
- data/app/assets/images/ama-logo-small.svg +44 -0
- data/app/assets/javascripts/ama_layout/desktop/header_menu.coffee +7 -3
- data/app/assets/stylesheets/ama_layout/_settings.scss +566 -0
- data/app/assets/stylesheets/ama_layout/foundation_and_overrides.scss +48 -1483
- data/app/assets/stylesheets/ama_layout/layout/base-styles.scss +7 -1
- data/app/assets/stylesheets/ama_layout/layout/helper-classes.scss +18 -3
- data/app/assets/stylesheets/ama_layout/layout_components/accordions.scss +44 -12
- data/app/assets/stylesheets/ama_layout/layout_components/cart.scss +1 -21
- data/app/assets/stylesheets/ama_layout/layout_components/forms.scss +55 -1
- data/app/assets/stylesheets/ama_layout/layout_components/index.scss +1 -0
- data/app/assets/stylesheets/ama_layout/layout_components/responsive-table.scss +42 -13
- data/app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss +11 -0
- data/app/assets/stylesheets/ama_layout/layout_components/sidebar.scss +7 -59
- data/app/assets/stylesheets/ama_layout/layout_components/siteheader.scss +108 -11
- data/app/assets/stylesheets/ama_layout/media_queries/desktop.scss +2 -2
- data/app/assets/stylesheets/ama_layout/media_queries/mobile-and-tablet.scss +2 -2
- data/app/assets/stylesheets/ama_layout/media_queries/mobile.scss +1 -15
- data/app/assets/stylesheets/ama_layout/media_queries/tablet.scss +2 -2
- data/app/views/ama_layout/_footer.html.erb +1 -1
- data/app/views/ama_layout/_main_top_nav_item.html.erb +2 -3
- data/app/views/ama_layout/_notice.html.erb +2 -2
- data/app/views/ama_layout/_sidebar.html.erb +1 -1
- data/app/views/ama_layout/_siteheader.html.erb +31 -31
- data/app/views/ama_layout/_top_nav.html.erb +3 -7
- data/app/views/ama_layout/_top_sub_nav.html.erb +1 -1
- data/app/views/ama_layout/_top_sub_nav_item.html.erb +0 -1
- data/lib/ama_layout/decorators/navigation_decorator.rb +1 -1
- data/lib/ama_layout/version.rb +1 -1
- metadata +10 -8
- data/app/assets/images/AMA-Logo.svg +0 -44
@@ -1,16 +1,113 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
/* Styles for Top Bar, Title Bar */
|
2
|
+
.topbar-logo{
|
3
|
+
width: 132px;
|
4
|
+
padding: 12px $base-padding*2;
|
5
|
+
}
|
6
|
+
|
7
|
+
.top-bar{
|
8
|
+
margin-bottom: $base-margin*4;
|
9
|
+
|
10
|
+
@include breakpoint(small only){
|
11
|
+
overflow-x: hidden;
|
12
|
+
overflow-y: scroll;
|
13
|
+
}
|
14
|
+
|
15
|
+
@include breakpoint(medium){
|
16
|
+
display: block;
|
17
|
+
}
|
18
|
+
|
19
|
+
a{
|
20
|
+
text-decoration: none;
|
21
|
+
color: $white;
|
22
|
+
font-weight: 600;
|
23
|
+
}
|
24
|
+
|
25
|
+
.is-drilldown{
|
26
|
+
background: $brand-blue-light;
|
27
|
+
}
|
28
|
+
|
29
|
+
ul{
|
30
|
+
li{
|
31
|
+
&:hover{
|
32
|
+
background: $brand-blue-light;
|
33
|
+
}
|
34
|
+
|
35
|
+
@include breakpoint(small only){
|
36
|
+
background: $brand-blue-light;
|
37
|
+
border-bottom: solid 1px darken($brand-blue-light, 5%);
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
|
42
|
+
.dropdown.menu > li.is-dropdown-submenu-parent > a{
|
43
|
+
//the width of the top-bar dropdown and its children on desktop
|
44
|
+
min-width: 200px;
|
45
|
+
|
46
|
+
&:hover{
|
47
|
+
background: lighten($brand-blue-light, 3%);
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
.submenu{
|
52
|
+
border: none;
|
7
53
|
|
8
|
-
|
9
|
-
|
54
|
+
li{
|
55
|
+
background: $brand-blue-light;
|
56
|
+
border-bottom: solid 1px darken($brand-blue-light, 5%);
|
57
|
+
|
58
|
+
&:nth-child(1){
|
59
|
+
border-top: solid 1px darken($brand-blue-light, 5%);
|
60
|
+
}
|
61
|
+
|
62
|
+
&:hover{
|
63
|
+
background: lighten($brand-blue-light, 3%);
|
64
|
+
}
|
65
|
+
}
|
66
|
+
}
|
67
|
+
}
|
68
|
+
|
69
|
+
.title-bar{
|
70
|
+
@include breakpoint (small only){
|
71
|
+
padding: 0 0.5rem;
|
72
|
+
}
|
73
|
+
|
74
|
+
@include breakpoint(medium) {
|
75
|
+
display: none;
|
76
|
+
}
|
77
|
+
|
78
|
+
.menu-icon{
|
79
|
+
position: relative;
|
10
80
|
cursor: pointer;
|
81
|
+
width: 20px;
|
82
|
+
height: 16px;
|
83
|
+
color: $white;
|
11
84
|
}
|
12
85
|
|
13
|
-
|
14
|
-
|
86
|
+
.menu-icon{
|
87
|
+
display: inline-block;
|
88
|
+
vertical-align: middle;
|
89
|
+
}
|
90
|
+
|
91
|
+
.menu-icon::after{
|
92
|
+
position: absolute;
|
93
|
+
display: block;
|
94
|
+
width: 100%;
|
95
|
+
height: 2px;
|
96
|
+
background: $white;
|
97
|
+
box-shadow: 0 7px 0 $white, 0 14px 0 $white; //This creates the menu icon
|
98
|
+
}
|
99
|
+
|
100
|
+
.menu-icon::after{
|
101
|
+
content: '';
|
102
|
+
top: 0;
|
103
|
+
left: 0;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
.sticky{
|
108
|
+
width: 100%;
|
109
|
+
|
110
|
+
&.is-stuck{
|
111
|
+
z-index: 501;
|
15
112
|
}
|
16
|
-
}
|
113
|
+
}
|
@@ -1,18 +1,4 @@
|
|
1
|
-
@media screen and (
|
2
|
-
.dashboard-nav{
|
3
|
-
margin-top: 0;
|
4
|
-
}
|
5
|
-
}
|
6
|
-
|
7
|
-
@media screen and (max-width: $small-breakpoint){
|
8
|
-
.site-header{
|
9
|
-
margin-bottom: $base-margin*4;
|
10
|
-
|
11
|
-
img{
|
12
|
-
padding-left: $base-padding*4;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
1
|
+
@media screen and #{breakpoint(small only)}{
|
16
2
|
.page-steps h3{
|
17
3
|
color: $slate;
|
18
4
|
font-style: italic;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
@media screen and
|
1
|
+
@media screen and #{breakpoint(medium only)}{
|
2
2
|
.main-content-container{
|
3
3
|
padding: $base-padding*4 0 0;
|
4
4
|
}
|
@@ -14,4 +14,4 @@
|
|
14
14
|
margin-left: 0;
|
15
15
|
margin-right: 0;
|
16
16
|
}
|
17
|
-
}
|
17
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
<footer
|
1
|
+
<footer>
|
2
2
|
</footer>
|
@@ -1,5 +1,4 @@
|
|
1
|
-
<li class="
|
2
|
-
|
3
|
-
<%= link_to nav_item.text, nav_item.link %>
|
1
|
+
<li class="has-submenu <%= nav_item.sub_nav_class %>">
|
2
|
+
<%= link_to nav_item.text, nav_item.link, class: 'show-for-small-only' %>
|
4
3
|
<%= nav_item.top_sub_nav %>
|
5
4
|
</li>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<div class="medium-4 large-3 columns show-for-medium
|
1
|
+
<div class="medium-4 large-3 columns show-for-medium pl0">
|
2
2
|
<div class="white-trans pb0">
|
3
3
|
<div class="large-12 fullwidth center">
|
4
4
|
<%= render partial: "ama_layout/main_nav_item", collection: navigation.items, as: :nav_item %>
|
@@ -1,32 +1,32 @@
|
|
1
|
-
<div
|
2
|
-
<
|
3
|
-
<
|
4
|
-
<
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
<
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
</
|
30
|
-
</
|
31
|
-
</
|
1
|
+
<div data-sticky-container>
|
2
|
+
<div class="sticky" data-sticky data-options="anchor: page; marginTop: 0; stickyOn: small;">
|
3
|
+
<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
|
4
|
+
<button class="menu-icon" type="button" data-toggle></button>
|
5
|
+
<%= link_to(image_tag("ama-logo-small.svg", class: "topbar-logo"), "https://www.ama.ab.ca") %>
|
6
|
+
</div>
|
7
|
+
<div class="top-bar" id="main-menu">
|
8
|
+
<div class="top-bar-left">
|
9
|
+
<%= link_to(image_tag("ama-logo-small.svg", class: "topbar-logo show-for-medium"), "https://www.ama.ab.ca") %>
|
10
|
+
</div>
|
11
|
+
<div class="top-bar-right">
|
12
|
+
<ul class="menu" data-responsive-menu="drilldown medium-dropdown">
|
13
|
+
<%= render partial: "ama_layout/main_top_nav_item", collection: navigation.items, as: :nav_item %>
|
14
|
+
<li>
|
15
|
+
<a href="<%= Rails.configuration.gatekeeper_site %>/help" target="_blank">Help</a>
|
16
|
+
</li>
|
17
|
+
<li>
|
18
|
+
<a href="<%= Rails.configuration.amaabca_site %>/membership/contact-us--centre-locations-hours-and-contact-information">Contact Us</a>
|
19
|
+
</li>
|
20
|
+
<%= navigation.top_nav %>
|
21
|
+
<li class="show-for-small-only">
|
22
|
+
<a href="<%= Rails.configuration.amaabca_site %>">AMA Website</a>
|
23
|
+
</li>
|
24
|
+
<li class="show-for-small-only">
|
25
|
+
<a href="http://amaroadreports.ca/">AMA Road Reports</a>
|
26
|
+
</li>
|
27
|
+
<%= navigation.sign_out_link %>
|
28
|
+
</ul>
|
29
|
+
</div>
|
30
|
+
</div>
|
31
|
+
</div>
|
32
32
|
</div>
|
@@ -1,12 +1,8 @@
|
|
1
|
-
<li class="has-
|
2
|
-
<a>
|
3
|
-
<ul class="
|
4
|
-
<%= render partial: "ama_layout/main_top_nav_item", collection: navigation.items, as: :nav_item %>
|
5
|
-
<li class="divider"></li>
|
1
|
+
<li class="has-submenu bb0">
|
2
|
+
<a class="show-for-medium">Online Account</a>
|
3
|
+
<ul class="submenu menu vertical">
|
6
4
|
<li><a href="<%= Rails.configuration.amaabca_site %>">AMA Website</a></li>
|
7
|
-
<li class="divider"></li>
|
8
5
|
<li><a href="http://amaroadreports.ca/">AMA Road Reports</a></li>
|
9
|
-
<li class="divider"></li>
|
10
6
|
<li><a href="/logout">Sign Out</a></li>
|
11
7
|
</ul>
|
12
8
|
</li>
|
data/lib/ama_layout/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ama_layout
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 3.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Michael van den Beuken
|
@@ -18,22 +18,22 @@ authors:
|
|
18
18
|
autorequire:
|
19
19
|
bindir: bin
|
20
20
|
cert_chain: []
|
21
|
-
date: 2016-04-
|
21
|
+
date: 2016-04-28 00:00:00.000000000 Z
|
22
22
|
dependencies:
|
23
23
|
- !ruby/object:Gem::Dependency
|
24
24
|
name: foundation-rails
|
25
25
|
requirement: !ruby/object:Gem::Requirement
|
26
26
|
requirements:
|
27
|
-
- -
|
27
|
+
- - "~>"
|
28
28
|
- !ruby/object:Gem::Version
|
29
|
-
version:
|
29
|
+
version: 6.2.0
|
30
30
|
type: :runtime
|
31
31
|
prerelease: false
|
32
32
|
version_requirements: !ruby/object:Gem::Requirement
|
33
33
|
requirements:
|
34
|
-
- -
|
34
|
+
- - "~>"
|
35
35
|
- !ruby/object:Gem::Version
|
36
|
-
version:
|
36
|
+
version: 6.2.0
|
37
37
|
- !ruby/object:Gem::Dependency
|
38
38
|
name: rails
|
39
39
|
requirement: !ruby/object:Gem::Requirement
|
@@ -242,8 +242,8 @@ files:
|
|
242
242
|
- README.md
|
243
243
|
- Rakefile
|
244
244
|
- ama_layout.gemspec
|
245
|
-
- app/assets/images/AMA-Logo.svg
|
246
245
|
- app/assets/images/alberta-blur.jpg
|
246
|
+
- app/assets/images/ama-logo-small.svg
|
247
247
|
- app/assets/images/cc-type-mc.png
|
248
248
|
- app/assets/images/cc-type-visa.png
|
249
249
|
- app/assets/images/footer-racetrack-big.png
|
@@ -265,6 +265,7 @@ files:
|
|
265
265
|
- app/assets/javascripts/ama_layout/mobile/mobile_menu.coffee
|
266
266
|
- app/assets/javascripts/ama_layout/mobile/ready.coffee
|
267
267
|
- app/assets/javascripts/ama_layout/mobile/tablesaw.stackonly.js
|
268
|
+
- app/assets/stylesheets/ama_layout/_settings.scss
|
268
269
|
- app/assets/stylesheets/ama_layout/application.scss
|
269
270
|
- app/assets/stylesheets/ama_layout/foundation_and_overrides.scss
|
270
271
|
- app/assets/stylesheets/ama_layout/layout/base-styles.scss
|
@@ -279,6 +280,7 @@ files:
|
|
279
280
|
- app/assets/stylesheets/ama_layout/layout_components/index.scss
|
280
281
|
- app/assets/stylesheets/ama_layout/layout_components/notification.scss
|
281
282
|
- app/assets/stylesheets/ama_layout/layout_components/responsive-table.scss
|
283
|
+
- app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss
|
282
284
|
- app/assets/stylesheets/ama_layout/layout_components/show-hide-content-box.scss
|
283
285
|
- app/assets/stylesheets/ama_layout/layout_components/sidebar.scss
|
284
286
|
- app/assets/stylesheets/ama_layout/layout_components/siteheader.scss
|
@@ -365,7 +367,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
365
367
|
version: '0'
|
366
368
|
requirements: []
|
367
369
|
rubyforge_project:
|
368
|
-
rubygems_version: 2.2.
|
370
|
+
rubygems_version: 2.2.2
|
369
371
|
signing_key:
|
370
372
|
specification_version: 4
|
371
373
|
summary: ".ama.ab.ca site layouts"
|
@@ -1,44 +0,0 @@
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?>
|
2
|
-
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
3
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
4
|
-
viewBox="0 0 228 58.2" style="enable-background:new 0 0 228 58.2;" xml:space="preserve">
|
5
|
-
<style type="text/css">
|
6
|
-
.st0{fill:#FFFFFF;}
|
7
|
-
.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
|
8
|
-
.st2{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.3594;}
|
9
|
-
.st3{fill:#01549C;}
|
10
|
-
.st4{fill:#D92E27;}
|
11
|
-
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#D92E27;}
|
12
|
-
</style>
|
13
|
-
<g>
|
14
|
-
<g>
|
15
|
-
<g>
|
16
|
-
<path class="st0" d="M105.8,4.1h21.8l11,34.6h0.1l11.5-34.6h21v52h-13.6l0.2-40H158l-13.3,40h-12.7l-12.7-40h-0.2l0.3,40h-13.6
|
17
|
-
V4.1z M69.2,4.1h17l20.1,52H91L87.2,45H67.6l-4.1,11.1H49.4L69.2,4.1z M77.7,14.8h-0.2l-6.7,20.4h13L77.7,14.8z M190.9,4.1h17
|
18
|
-
l20.1,52h-15.2L208.9,45h-19.5l-4.1,11.1h-14.1L190.9,4.1z M199.4,14.8h-0.1l-6.7,20.4h13.1L199.4,14.8z"/>
|
19
|
-
</g>
|
20
|
-
</g>
|
21
|
-
<path class="st1" d="M0.6,23.6C0.5,11.3,15.1,1.3,33.3,1.3c18.2,0,33,10,33.1,22.4C66.5,36,51.9,46,33.7,46
|
22
|
-
C15.5,46,0.7,36,0.6,23.6z"/>
|
23
|
-
<path class="st2" d="M62,14.1c3.5,4.3,4.3,11.2,1.6,16.1c-6.2,10.7-17.8,13.9-29.4,14.5C22,44.8,10.3,41.3,3.5,30.9
|
24
|
-
c-2.6-4.6-2.1-11.6,1.1-15.8C13.7,3.2,28.8,1,43.2,3.4C50.2,5.1,57,7.8,62,14.1L62,14.1z"/>
|
25
|
-
<path class="st3" d="M62,14.1c3.5,4.3,4.3,11.2,1.6,16.1c-6.2,10.7-17.8,13.9-29.4,14.5C22,44.8,10.3,41.3,3.5,30.9
|
26
|
-
c-2.6-4.6-2.1-11.6,1.1-15.8C13.7,3.2,28.8,1,43.2,3.4C50.2,5.1,57,7.8,62,14.1L62,14.1z"/>
|
27
|
-
<path class="st0" d="M58.3,17.3c1.8,2.5,2.6,6,1.7,9.1c-3.2,8.8-12.7,12.1-21.1,13.2c-10.5,1.2-21.3-0.5-28.8-7.7
|
28
|
-
c-2.9-3.1-4.3-7.7-2.7-11.7C11.7,11,21.7,8.3,30.9,7.3C41.6,7,51.6,9,58.3,17.3L58.3,17.3z"/>
|
29
|
-
<path class="st4" d="M41.2,22.1l0.5,1.4c-0.8,2.7-1.6,5.5-2.4,8.3l5.1-0.1l2.1,4.7L40.6,38c-1-2.6-1.9-5.3-2.8-8l-9.7,0
|
30
|
-
c-0.9,2.5-1.6,5-2.3,7.6c-1.9-0.2-3.9-0.8-5.8-1.1c0.3-1.3,0.9-2.7,1.3-4c2.8-1.3,5.1-4.4,5-7.6l-2.4-0.1l5.5-16.3
|
31
|
-
c2.4,0,4.4-0.1,6.7-0.1L41.2,22.1L41.2,22.1z"/>
|
32
|
-
<path class="st4" d="M56.7,31.1l-4.6,0c-0.3-1.1-0.6-2.2-1-3.4l-5.6-0.1c-0.3,1.1-0.5,2.3-0.8,3.4l-4.7,0L45.5,13l5.3,0L56.7,31.1
|
33
|
-
L56.7,31.1z"/>
|
34
|
-
<path class="st4" d="M24.4,16.3c0.6,0.9,0.9,1.9,0.9,3.1l-4.5,0c-0.1-0.7-0.2-1.4-0.8-1.8c-0.7-0.6-1.8-0.7-2.6-0.4
|
35
|
-
c-2.7,1.4-2.5,4.7-2.3,7.5c0.3,1.4,0.8,3.2,2.4,3.7c0.9,0,1.7,0,2.3-0.5c0.6-0.7,0.9-1.5,1.1-2.3h4.6c-0.3,3.1-2.7,5.8-5.7,6.6
|
36
|
-
c-2.7,0.5-5.4-0.2-7.2-2.3c-2.8-3.2-3.1-8.1-1.3-11.9c1.2-2.5,3.7-4.4,6.4-4.7C20.4,13.1,22.7,14.1,24.4,16.3L24.4,16.3z"/>
|
37
|
-
<path class="st0" d="M36.1,25.2h-6.5l3.1-10.4C33.8,18.3,35,21.7,36.1,25.2L36.1,25.2z"/>
|
38
|
-
<path class="st0" d="M46.6,23.7c0.4-1.8,0.9-3.8,1.4-5.6l1.7,5.6H46.6L46.6,23.7z"/>
|
39
|
-
<path class="st5" d="M57.4,27.9c0.6,0,1.1-0.4,1.1-1.1c0-0.6-0.5-1-1.1-1c-0.6,0-1.1,0.4-1.1,1C56.3,27.4,56.8,27.9,57.4,27.9
|
40
|
-
L57.4,27.9z M56.5,26.8c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9c0,0.5-0.4,0.9-0.9,0.9C56.9,27.7,56.5,27.3,56.5,26.8
|
41
|
-
L56.5,26.8z M57.2,26.9h0.2l0.3,0.5h0.2l-0.3-0.5c0.2,0,0.3-0.1,0.3-0.3c0-0.2-0.1-0.3-0.4-0.3H57v1.2h0.2V26.9L57.2,26.9z
|
42
|
-
M57.2,26.7v-0.4h0.3c0.1,0,0.3,0,0.3,0.2c0,0.2-0.1,0.2-0.3,0.2H57.2L57.2,26.7z"/>
|
43
|
-
</g>
|
44
|
-
</svg>
|