raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

More styling for responsive sizes groups header

Browse Source
This commit is contained in:
summerscope
2015-02-05 15:17:50 +11:00
parent e19aaf6be8
commit f2e3d298fa
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/darkswarm/groups.css.sass
View File

@@ -20,11 +20,15 @@
vertical-align: middle
#group-page
@media screen and (min-width: 768px)
.group-logo
max-height: 100px
.group-logo, .group-header
text-align: center
.group-name
border-bottom: 1px solid #ccc
@media screen and (min-width: 768px)
.group-logo, .group-header
text-align: left
.group-logo img
max-height: 100px
// Tabs
.tabs dd a

6
app/views/groups/show.html.haml
View File

@@ -5,9 +5,9 @@
.small-12.columns
%img{"src" => @group.promo_image}
.row
.small-12.medium-2.large-2.columns.pad-top
%img.group-logo{"src" => @group.logo}
.small-12.medium-10.large-10.columns.pad-top
.small-12.medium-2.large-2.columns.group-logo.pad-top
%img{"src" => @group.logo}
.small-12.medium-10.large-10.columns.group-header.pad-top
%h2.group-name= @group.name
%p= @group.description