From 5e598b250a30067f6d653a238d0ba043085991fd Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Mon, 17 Oct 2016 11:51:30 -0700 Subject: [PATCH 1/6] Reader: Increase stream width --- client/reader/stream/_style.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/client/reader/stream/_style.scss b/client/reader/stream/_style.scss index c7127e0f20900d..590b0f4639ab40 100644 --- a/client/reader/stream/_style.scss +++ b/client/reader/stream/_style.scss @@ -1,5 +1,9 @@ // Reader-specific tweaks to components +.following.main { + max-width: 850px; +} + .following { @include breakpoint( "<660px" ) { From 8bdf9a1817bb83eeb7b3ed5278c773037c19b3a6 Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Mon, 17 Oct 2016 11:55:55 -0700 Subject: [PATCH 2/6] Increase featured image size to 300px --- client/blocks/reader-post-card/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/blocks/reader-post-card/style.scss b/client/blocks/reader-post-card/style.scss index 6a6287343abaca..e87461619e8fc9 100644 --- a/client/blocks/reader-post-card/style.scss +++ b/client/blocks/reader-post-card/style.scss @@ -69,7 +69,7 @@ $reader-post-card-breakpoint-small: "( max-width: 550px )"; max-width: 190px; @include breakpoint( ">960px" ) { - max-width: 250px; + max-width: 300px; } @media #{$reader-post-card-breakpoint-medium} { From 0687e0c29e3c4bc405ba63abe8162e2b606bacd4 Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Mon, 17 Oct 2016 12:28:26 -0700 Subject: [PATCH 3/6] Turn on refresh feature flag for testing purposes only --- config/development.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/config/development.json b/config/development.json index 719f21798feb71..621add57d5d354 100644 --- a/config/development.json +++ b/config/development.json @@ -125,7 +125,7 @@ "reader/related-posts": true, "reader/refresh/full-post-ab-test": true, "reader/refresh/force-full-post": false, - "reader/refresh/stream": false, + "reader/refresh/stream": true, "reader/search": true, "reader/start": true, "reader/tags-with-elasticsearch": true, From 89b2a8ab29f02544b301a337b2f77a4794b4afb5 Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Mon, 17 Oct 2016 12:37:22 -0700 Subject: [PATCH 4/6] Try 830px width, 250px featured image --- client/blocks/reader-post-card/style.scss | 2 +- client/reader/stream/_style.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/client/blocks/reader-post-card/style.scss b/client/blocks/reader-post-card/style.scss index e87461619e8fc9..6a6287343abaca 100644 --- a/client/blocks/reader-post-card/style.scss +++ b/client/blocks/reader-post-card/style.scss @@ -69,7 +69,7 @@ $reader-post-card-breakpoint-small: "( max-width: 550px )"; max-width: 190px; @include breakpoint( ">960px" ) { - max-width: 300px; + max-width: 250px; } @media #{$reader-post-card-breakpoint-medium} { diff --git a/client/reader/stream/_style.scss b/client/reader/stream/_style.scss index 590b0f4639ab40..daf32c1e760cc5 100644 --- a/client/reader/stream/_style.scss +++ b/client/reader/stream/_style.scss @@ -1,7 +1,7 @@ // Reader-specific tweaks to components -.following.main { - max-width: 850px; +.is-reader-page .following.main { + max-width: 830px; } .following { From 35ef82fa116b715cdc5d1a61126282240f243967 Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Mon, 17 Oct 2016 12:49:27 -0700 Subject: [PATCH 5/6] Add padding to widths above 1040px --- client/blocks/reader-post-card/style.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/client/blocks/reader-post-card/style.scss b/client/blocks/reader-post-card/style.scss index 6a6287343abaca..f75e50c8641d65 100644 --- a/client/blocks/reader-post-card/style.scss +++ b/client/blocks/reader-post-card/style.scss @@ -14,6 +14,10 @@ $reader-post-card-breakpoint-small: "( max-width: 550px )"; @include breakpoint( ">660px" ) { padding: 20px 0; } + + @media #{$reader-post-card-breakpoint-xlarge} { + padding: 20px 15px; + } } .reader-post-card__meta { From 0566a53279a402a8148ea3666696b47c2188acb0 Mon Sep 17 00:00:00 2001 From: Jan Cavan Boulas Date: Tue, 18 Oct 2016 09:26:43 -0700 Subject: [PATCH 6/6] Turn feature flag off, add comment --- client/reader/stream/_style.scss | 1 + config/development.json | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/client/reader/stream/_style.scss b/client/reader/stream/_style.scss index daf32c1e760cc5..0e1b0b550828e2 100644 --- a/client/reader/stream/_style.scss +++ b/client/reader/stream/_style.scss @@ -1,5 +1,6 @@ // Reader-specific tweaks to components +// Overrides default 720px width .is-reader-page .following.main { max-width: 830px; } diff --git a/config/development.json b/config/development.json index 621add57d5d354..719f21798feb71 100644 --- a/config/development.json +++ b/config/development.json @@ -125,7 +125,7 @@ "reader/related-posts": true, "reader/refresh/full-post-ab-test": true, "reader/refresh/force-full-post": false, - "reader/refresh/stream": true, + "reader/refresh/stream": false, "reader/search": true, "reader/start": true, "reader/tags-with-elasticsearch": true,