From 403076405c05bf292fb72e912c3369e8305786c4 Mon Sep 17 00:00:00 2001
From: Colin Hunt <colinhunt@gmail.com>
Date: Wed, 22 Feb 2017 20:11:57 +0700
Subject: [PATCH 1/2] Issue 1048: List view of past challenges (Mobile view)
---
assets/css/directives/dev-challenge-user-place.scss | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/assets/css/directives/dev-challenge-user-place.scss b/assets/css/directives/dev-challenge-user-place.scss
index 69f0ca8c5..f8614bee9 100644
--- a/assets/css/directives/dev-challenge-user-place.scss
+++ b/assets/css/directives/dev-challenge-user-place.scss
@@ -108,6 +108,11 @@ dev-challenge-user-place {
flex-direction: column;
text-align: center;
background-color: #F6F6F6;
+ @media only screen and (max-width: 767px) {
+ min-width: 50px;
+ width: 50px;
+ margin-left: 5px;
+ }
.score {
margin-top: 28px;
From 629fd2a73b76c448f81ee6dc058a4acfe2a23fb5 Mon Sep 17 00:00:00 2001
From: Colin Hunt <colinhunt@gmail.com>
Date: Mon, 27 Feb 2017 21:12:07 +0700
Subject: [PATCH 2/2] wrap content for smallest mobile sizes for no overflow
---
assets/css/directives/challenge-tile.scss | 5 +++--
assets/css/directives/dev-challenge-user-place.scss | 3 +--
2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/assets/css/directives/challenge-tile.scss b/assets/css/directives/challenge-tile.scss
index 3503f2b08..1294dca38 100644
--- a/assets/css/directives/challenge-tile.scss
+++ b/assets/css/directives/challenge-tile.scss
@@ -410,7 +410,7 @@ challenge-tile .challenge.list-view {
margin-bottom: 10px;
padding: 20px 0;
padding-left: 5px;
- height: 110px;
+ min-height: 110px;
border: 1px solid #E0E0E0;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
@@ -612,7 +612,8 @@ challenge-tile .challenge.list-view {
.completed-challenge {
width: 100%;
display: flex;
- flex-direction: row;
+ flex-flow: row wrap;
+ overflow: hidden;
header {
flex: 2;
}
diff --git a/assets/css/directives/dev-challenge-user-place.scss b/assets/css/directives/dev-challenge-user-place.scss
index f8614bee9..b6b6ead50 100644
--- a/assets/css/directives/dev-challenge-user-place.scss
+++ b/assets/css/directives/dev-challenge-user-place.scss
@@ -109,8 +109,7 @@ dev-challenge-user-place {
text-align: center;
background-color: #F6F6F6;
@media only screen and (max-width: 767px) {
- min-width: 50px;
- width: 50px;
+ min-width: 84px;
margin-left: 5px;
}