Make producers and groups pages usable on mobile

This commit is contained in:
Matt-Yorkley
2020-10-06 14:16:18 +01:00
parent 469e4a4c87
commit a04c2ccd6e
2 changed files with 6 additions and 1 deletions

View File

@@ -5,6 +5,11 @@
.active_table .active_table_node {
// Header row
@include breakpoint(phablet) {
.active_table_row {
display: inline-block;
width: 100%;
}
.skinny-head {
background-color: $clr-turquoise-light;

View File

@@ -1,6 +1,6 @@
.row.active_table_row{"ng-if" => "open()", "ng-click" => "toggle($event)", "ng-class" => "{'open' : open()}"}
.columns.small-12.fat.text-center{"ng-show" => "open() && shopfront_loading"}
%p
%p.fullwidth
%img.spinner.text-center{ src: image_path("spinning-circles.svg") }
.columns.small-12.medium-7.large-7.fat{"ng-show" => "open() && !shopfront_loading"}