raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

More styling on pricing table

Browse Source 
Remove middle column
This commit is contained in:
summerscope
2015-05-04 14:33:03 +10:00
parent 938358007a
commit 41fb44c19b
3 changed files with 14 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/darkswarm/signup.css.sass
View File

@@ -17,7 +17,7 @@ table.signup-table.hubs-table, table.signup-table.producers-table
background-color: lighten($ofn-grey, 46%)
td:nth-child(3)
background-color: lighten($ofn-grey, 41%)
td:nth-child(4)
td:last-child
&, & i
color: $clr-brick
border-bottom: 1px solid rgba($clr-brick, 0.3)
@@ -33,7 +33,7 @@ table.signup-table.hubs-table, table.signup-table.producers-table
background: lighten($ofn-grey, 44%)
td:nth-child(3)
background: lighten($ofn-grey, 38%)
td:nth-child(4)
td:last-child
&, & *
color: white
background: $clr-brick
@@ -55,7 +55,7 @@ table.signup-table.hubs-table, table.signup-table.producers-table
background: lighten($ofn-grey, 44%)
td:nth-child(3)
background: lighten($ofn-grey, 38%)
td:nth-child(4)
td:last-child
&, & *
color: white
background: $clr-brick
@@ -70,18 +70,18 @@ table.signup-table.hubs-table, table.signup-table.producers-table
table.signup-table.producers-table
tr
td:nth-child(4)
td:last-child
&, & i
color: $clr-turquoise-bright
border-bottom: 1px solid rgba($clr-turquoise-bright, 0.2)
background-color: lighten($clr-turquoise, 57%)
thead
tr
td:nth-child(4)
td:last-child
background: $clr-turquoise-bright
tfoot
tr
td:nth-child(4)
td:last-child
background: $clr-turquoise-bright

15
app/views/producers/signup.html.haml
View File

@@ -17,18 +17,16 @@
.small-12.medium-10.medium-offset-1.columns.text-center
%h2 Pricing
%p.text-big
If there is a time-sensitive offer you can write it here
e.g. Sign up before 30th June for an extra month free!
/ If there is a time-sensitive offer you can write it here, e.g.
Sign up before 30th June for an extra month free!
%br
%table.signup-table.producers-table{cellpadding: "0", cellspacing: "0"}
%thead
%tr
%td
%h5
%td.text-center{width: "16%"}
%td.text-center{width: "20%"}
%h5 Profile
%td.text-center{width: "16%"}
%h5 Producer
%td.text-center{width: "24%"}
%h5 Producer Shop
%tr
@@ -41,8 +39,6 @@
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%tr
%td
%p
@@ -53,8 +49,6 @@
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%tr
%td
%p
@@ -67,14 +61,11 @@
%li Report bugs/suggestions via bugherd
%li Regular release notes – what's new
%td.text-center
%td.text-center
%td.text-center
%i.ofn-i_003-check.text-big
%tfoot
%tr
%td
%td.text-center{valign: "top"}
%h2 Free
%td.text-center{valign: "top"}
%h2 Free
%td.text-center{valign: "top"}

18
app/views/shops/signup.html.haml
View File

@@ -17,18 +17,16 @@
.small-12.medium-10.medium-offset-1.columns.text-center
%h2 Pricing
%p.text-big
If there is a time-sensitive offer you can write it here
e.g. Sign up before 30th June for an extra month free!
/ If there is a time-sensitive offer you can write it here, e.g.
Sign up before 30th June for an extra month free!
%br
%table.signup-table.hubs-table{cellpadding: "0", cellspacing: "0"}
%thead
%tr
%td
%h5
%td.text-center{width: "16%"}
%td.text-center{width: "20%"}
%h5 Profile
%td.text-center{width: "16%"}
%h5 Distributor
%td.text-center{width: "24%"}
%h5 Shop
%tr
@@ -41,8 +39,6 @@
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%tr
%td
%p
@@ -53,8 +49,6 @@
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%td.text-center
%i.ofn-i_003-check.text-big
%tr
%td
%p
@@ -67,16 +61,14 @@
%li Report bugs/suggestions via bugherd
%li Regular release notes – what's new
%td.text-center
%td.text-center
%td.text-center
%i.ofn-i_003-check.text-big
%tfoot
%tr
%td
%td.text-center{valign: "top"}
%h2 Free
%td.text-center{valign: "top"}
%h2 Free
%h2
Free
%td.text-center{valign: "top"}
%h2
.text-small