From f820565f464aa1cd40e8976e83606491f12630fb Mon Sep 17 00:00:00 2001 From: barisusakli Date: Tue, 27 Oct 2015 18:46:29 -0400 Subject: [PATCH 01/15] closes https://github.com/NodeBB/NodeBB/issues/3387 --- less/groups.less | 1 + 1 file changed, 1 insertion(+) diff --git a/less/groups.less b/less/groups.less index 6474343..2a633e7 100644 --- a/less/groups.less +++ b/less/groups.less @@ -16,6 +16,7 @@ padding: 0.25em 0.5em; color: white; font-weight: bold; + text-transform: capitalize; } } From 224a644786d7ebcbe0cbf22d26b93990012d4ae4 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 15:53:03 -0400 Subject: [PATCH 02/15] changes for latest group cover uploading --- less/groups.less | 58 ++++++++++++++---------------------- templates/groups/details.tpl | 6 ++-- 2 files changed, 27 insertions(+), 37 deletions(-) diff --git a/less/groups.less b/less/groups.less index 2a633e7..e5d5dd1 100644 --- a/less/groups.less +++ b/less/groups.less @@ -50,14 +50,23 @@ min-height: 250px; } - .change { - visibility: hidden; + &.initialised:hover { + .controls { + opacity: 0.5; + } } - &.initialised:hover { - .change { - .opacity(1); - visibility: visible; + .controls { + text-align: center; + min-height: 250px; + line-height: 250px; + .opacity(0); + .transition(opacity .15s linear); + cursor: pointer; + pointer-events: none; + + > * { + pointer-events: all; } } @@ -66,12 +75,10 @@ cursor: move; } - .instructions { - .opacity(1); - } - - .change { - display: none; + .controls { + > * { + display: none; + } } .save { @@ -89,15 +96,15 @@ } } - .change, .save, .indicator { + .save, .indicator { display: inline-block; position: absolute; top: 1em; - right: 1em; - background: rgba(0, 0, 0, 0.2); + right: 2em; + opacity: 1; + background-color: @brand-primary; color: #eee; padding: 0.5em; - border-radius: 5px; font-weight: bold; &:hover { @@ -105,11 +112,6 @@ } } - .change { - .opacity(0); - .transition(opacity .15s linear); - } - .save { display: none; } @@ -117,20 +119,6 @@ .indicator { display: none; } - - .instructions { - display: inline-block; - position: absolute; - right: 1em; - bottom: 1em; - background: rgba(0, 0, 0, 0.2); - color: #eee; - padding: 0.5em; - border-radius: 5px; - margin-top: 2em; - .opacity(0); - .transition(opacity .15s linear); - } } [component="groups/members"], [component="groups/pending"], [component="groups/invited"] { diff --git a/templates/groups/details.tpl b/templates/groups/details.tpl index 613f482..dafbe11 100644 --- a/templates/groups/details.tpl +++ b/templates/groups/details.tpl @@ -2,10 +2,12 @@
-
[[groups:cover-change]]
+
+ + +
[[groups:cover-save]]
[[groups:cover-saving]]
-
[[groups:cover-instructions]]
From 964982e82bba42d4908bd47271456d30513f865d Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 15:53:22 -0400 Subject: [PATCH 03/15] 3.0.63 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 8785a17..d8bf747 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nodebb-theme-persona", - "version": "3.0.62", + "version": "3.0.63", "nbbpm": { "compatibility": "^0.8.2" }, From f3e573b0135961f1499b124f7cfa34f8e8f40d5c Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:12:01 -0400 Subject: [PATCH 04/15] made groups cover image actually cover the page --- less/groups.less | 12 +++++++++--- templates/groups/details.tpl | 9 ++++++--- 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/less/groups.less b/less/groups.less index e5d5dd1..c93dc4c 100644 --- a/less/groups.less +++ b/less/groups.less @@ -1,4 +1,6 @@ [component="groups/container"] { + margin-top: 300px; + [component="groups/summary"] { .panel-body { min-height: 72px; @@ -45,9 +47,15 @@ min-height: 200px; position: relative; margin-bottom: 1em; + background-origin: content-box; + width: 100%; + top: 50px; + position: absolute; + left: auto; + right: 0px; @media (min-width: @screen-md-min) { - min-height: 250px; + min-height: 300px; } &.initialised:hover { @@ -141,6 +149,4 @@ } } } - - } \ No newline at end of file diff --git a/templates/groups/details.tpl b/templates/groups/details.tpl index dafbe11..92b79dd 100644 --- a/templates/groups/details.tpl +++ b/templates/groups/details.tpl @@ -1,7 +1,5 @@ - -
-
+
@@ -9,6 +7,11 @@
[[groups:cover-save]]
[[groups:cover-saving]]
+ +
+ +
+
From c772613b665398f9a2ed5c7ee5fc33e69471dd45 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:12:23 -0400 Subject: [PATCH 05/15] 3.0.64 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index d8bf747..9ca65ad 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nodebb-theme-persona", - "version": "3.0.63", + "version": "3.0.64", "nbbpm": { "compatibility": "^0.8.2" }, From 08c36239f87bac07a7c8056fed215b7802ebd349 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:14:42 -0400 Subject: [PATCH 06/15] realign group controls --- less/groups.less | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/less/groups.less b/less/groups.less index c93dc4c..8d1a4be 100644 --- a/less/groups.less +++ b/less/groups.less @@ -54,10 +54,6 @@ left: auto; right: 0px; - @media (min-width: @screen-md-min) { - min-height: 300px; - } - &.initialised:hover { .controls { opacity: 0.5; @@ -66,8 +62,8 @@ .controls { text-align: center; - min-height: 250px; - line-height: 250px; + min-height: 200px; + line-height: 200px; .opacity(0); .transition(opacity .15s linear); cursor: pointer; @@ -78,6 +74,15 @@ } } + @media (min-width: @screen-md-min) { + min-height: 300px; + + .controls { + min-height: 300px; + line-height: 300px; + } + } + &.active { &:hover { cursor: move; From 484418afc14c348277c64613f5e6b5435b6fe17e Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:14:52 -0400 Subject: [PATCH 07/15] 3.0.65 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 9ca65ad..359653e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nodebb-theme-persona", - "version": "3.0.64", + "version": "3.0.65", "nbbpm": { "compatibility": "^0.8.2" }, From 7fa65b6dc6d807d7614b1c5f796aa775f95588bd Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:28:02 -0400 Subject: [PATCH 08/15] fix margin on mobile --- less/groups.less | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/less/groups.less b/less/groups.less index 8d1a4be..4ac62b2 100644 --- a/less/groups.less +++ b/less/groups.less @@ -1,5 +1,5 @@ [component="groups/container"] { - margin-top: 300px; + margin-top: 200px; [component="groups/summary"] { .panel-body { @@ -74,15 +74,6 @@ } } - @media (min-width: @screen-md-min) { - min-height: 300px; - - .controls { - min-height: 300px; - line-height: 300px; - } - } - &.active { &:hover { cursor: move; @@ -154,4 +145,17 @@ } } } + + @media (min-width: @screen-md-min) { + margin-top: 300px; + + [component="groups/cover"] { + min-height: 300px; + + .controls { + min-height: 300px; + line-height: 300px; + } + } + } } \ No newline at end of file From 5b630f375db424f11e857eddda9cb1ab616543c9 Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 16:28:14 -0400 Subject: [PATCH 09/15] 3.0.66 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 359653e..27e04af 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nodebb-theme-persona", - "version": "3.0.65", + "version": "3.0.66", "nbbpm": { "compatibility": "^0.8.2" }, From a41a67aa6679e7db332c5788f958198927137c9f Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 17:25:17 -0400 Subject: [PATCH 10/15] better visibility of upload controls --- less/groups.less | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/less/groups.less b/less/groups.less index 4ac62b2..882fc07 100644 --- a/less/groups.less +++ b/less/groups.less @@ -54,9 +54,9 @@ left: auto; right: 0px; - &.initialised:hover { + &:hover { .controls { - opacity: 0.5; + .opacity(0.8); } } @@ -72,6 +72,14 @@ > * { pointer-events: all; } + + .fa { + color: white; + background-color: #333; + opacity: 1; + margin: 15px; + padding: 5px; + } } &.active { From b49d45f26864894e81632f7e3b843d67590396fe Mon Sep 17 00:00:00 2001 From: psychobunny Date: Wed, 28 Oct 2015 17:25:48 -0400 Subject: [PATCH 11/15] account page profile cover --- less/account.less | 110 +++++++++++++++++++++++++++++++++- templates/account/profile.tpl | 12 +++- 2 files changed, 118 insertions(+), 4 deletions(-) diff --git a/less/account.less b/less/account.less index 0208f7d..08e93b8 100644 --- a/less/account.less +++ b/less/account.less @@ -1,9 +1,115 @@ -// TODO: Needs to be cleaned up - do not child theme or you will lose your work. - .account { + .cover { + background-size: cover; + background-repeat: no-repeat; + min-height: 200px; + position: relative; + margin-bottom: 1em; + background-origin: content-box; + width: 100%; + top: 50px; + position: absolute; + left: auto; + right: 0px; + + &:hover { + .controls { + .opacity(0.8); + } + } + + .controls { + text-align: center; + min-height: 200px; + line-height: 200px; + .opacity(0); + .transition(opacity .15s linear); + cursor: pointer; + pointer-events: none; + + > * { + pointer-events: all; + } + + .fa { + color: white; + background-color: #333; + opacity: 1; + margin: 15px; + padding: 5px; + } + } + + &.active { + &:hover { + cursor: move; + } + + .controls { + > * { + display: none; + } + } + + .save { + display: inline-block; + } + } + + &.saving { + .save { + display: none; + } + + .indicator { + display: inline-block; + } + } + + .save, .indicator { + display: inline-block; + position: absolute; + top: 1em; + right: 2em; + opacity: 1; + background-color: @brand-primary; + color: #eee; + padding: 0.5em; + font-weight: bold; + + &:hover { + cursor: pointer; + } + } + + .save { + display: none; + } + + .indicator { + display: none; + } + } + @media (min-width: @screen-md-min) { + margin-top: 300px; + + .cover { + min-height: 300px; + + .controls { + min-height: 300px; + line-height: 300px; + } + } + } } + + + + +// .nav-pills.account-sub-links { border:none; diff --git a/templates/account/profile.tpl b/templates/account/profile.tpl index 4ba7c74..5d1067b 100644 --- a/templates/account/profile.tpl +++ b/templates/account/profile.tpl @@ -1,6 +1,14 @@ - -