Commit 6f9dc330 authored by Randall Leeds's avatar Randall Leeds

Merge pull request #2337 from hypothesis/thread-collapsing

Improve thread collapsing UX.
parents bd643cd8 755585c1
......@@ -84,6 +84,9 @@ describe 'thread', ->
after = controller.collapsed
assert.equal(before, !after)
it 'defaults to collapsed if it is a top level annotation', ->
assert.isTrue(controller.collapsed)
it 'can accept an argument to force a particular state', ->
controller.toggleCollapsed(true)
assert.isTrue(controller.collapsed)
......@@ -94,14 +97,12 @@ describe 'thread', ->
controller.toggleCollapsed(false)
assert.isFalse(controller.collapsed)
it 'does not allow uncollapsing the thread if there are no replies', ->
it 'allows collapsing the thread even if there are no replies', ->
count.withArgs('message').returns(1)
controller.toggleCollapsed()
assert.isTrue(controller.collapsed)
assert.isFalse(controller.collapsed)
controller.toggleCollapsed()
assert.isTrue(controller.collapsed)
controller.toggleCollapsed(false)
assert.isTrue(controller.collapsed)
describe '#shouldShowAsReply', ->
count = null
......
......@@ -33,11 +33,6 @@ ThreadController = [
!!value
else
not @collapsed
# We only allow uncollapsing of the thread if there are some replies to
# display.
if newval == false and this.numReplies() <= 0
return
@collapsed = newval
###*
......@@ -199,6 +194,11 @@ module.exports = [
ctrl.counter = counter
ctrl.filter = filter
# If annotation is a reply, it should be uncollapsed so that when
# shown, replies don't have to be individually expanded.
if ctrl.parent?
ctrl.collapsed = false
# Track the number of messages in the thread
if counter?
counter.count 'message', 1
......
......@@ -18,7 +18,10 @@
}
.annotation-timestamp {
line-height: 2;
float: right;
font-size: .8em;
line-height: 1;
margin-top: (1 / (1 - .8)) * .1em; // scale up .1em offset to align baseline
color: $text-color;
&:hover { color: $link-color-hover; }
&:focus { outline: 0; }
......@@ -162,3 +165,24 @@ privacy {
color: $text-color;
}
}
.annotation-collapsed-replies {
display: none;
}
.annotation.collapsed {
margin-bottom: 0;
.annotation-header {
margin: 0;
}
.annotation-body, .tags, .annotation-actions, .annotation-footer {
display: none;
}
.annotation-collapsed-replies {
display: inline;
}
}
$thread-padding: 1em;
$threadexp-width: 1em;
.stream-list {
& > * {
......@@ -16,14 +15,11 @@ $threadexp-width: 1em;
}
}
.thread-replies {
.thread:first-child {
margin-top: 0.5em;
}
.thread-replies .thread:first-child {
margin-top: 0.5em;
}
.thread {
@include pie-clearfix;
cursor: pointer;
position: relative;
......@@ -51,27 +47,18 @@ $threadexp-width: 1em;
}
.threadexp {
background: $white;
color: $gray-light;
position: absolute;
left: -.7em;
width: 1.4em;
height: 1.4em;
top: 0;
left: -.7em;
font-size: 1.1em;
span {
position: absolute;
top: (1.4 - $threadexp-width) / 2;
left: (1.4 - $threadexp-width) / 2;
width: $threadexp-width;
height: $threadexp-width;
&:before {
font-size: $threadexp-width;
position: absolute;
top: 0;
left: 0;
}
background: $white;
color: $gray-light;
display: block;
line-height: inherit;
text-align: center;
}
}
}
......
{
"IcoMoonType": "selection",
"icons": [
{
"icon": {
"paths": [
"M426.667 725.333l213.333-213.333-213.333-213.333z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"arrow-right"
],
"grid": 24
},
"attrs": [],
"properties": {
"order": 65,
"id": 1305,
"prevSize": 24,
"code": 58909,
"name": "arrow-right"
},
"setIdx": 2,
"setId": 1,
"iconIdx": 0
},
{
"icon": {
"paths": [
"M298.667 426.667l213.333 213.333 213.333-213.333z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"arrow-drop-down"
],
"grid": 24
},
"attrs": [],
"properties": {
"order": 68,
"id": 1303,
"prevSize": 24,
"code": 58921,
"name": "arrow-drop-down"
},
"setIdx": 2,
"setId": 1,
"iconIdx": 2
},
{
"icon": {
"paths": [
......@@ -21,9 +69,9 @@
"code": 58920,
"name": "link"
},
"setIdx": 0,
"setId": 6,
"iconIdx": 271
"setIdx": 2,
"setId": 1,
"iconIdx": 3
},
{
"icon": {
......@@ -46,8 +94,8 @@
"code": 58919
},
"setIdx": 2,
"setId": 4,
"iconIdx": 0
"setId": 1,
"iconIdx": 4
},
{
"icon": {
......@@ -70,8 +118,8 @@
"name": "delete"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 1
"setId": 1,
"iconIdx": 5
},
{
"icon": {
......@@ -94,8 +142,8 @@
"name": "remove"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 2
"setId": 1,
"iconIdx": 6
},
{
"icon": {
......@@ -118,8 +166,8 @@
"name": "edit"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 3
"setId": 1,
"iconIdx": 7
},
{
"icon": {
......@@ -142,8 +190,8 @@
"code": 58880
},
"setIdx": 2,
"setId": 4,
"iconIdx": 4
"setId": 1,
"iconIdx": 8
},
{
"icon": {
......@@ -166,8 +214,8 @@
"code": 58881
},
"setIdx": 2,
"setId": 4,
"iconIdx": 5
"setId": 1,
"iconIdx": 9
},
{
"icon": {
......@@ -190,8 +238,8 @@
"code": 58882
},
"setIdx": 2,
"setId": 4,
"iconIdx": 6
"setId": 1,
"iconIdx": 10
},
{
"icon": {
......@@ -214,8 +262,8 @@
"code": 58883
},
"setIdx": 2,
"setId": 4,
"iconIdx": 7
"setId": 1,
"iconIdx": 11
},
{
"icon": {
......@@ -238,8 +286,8 @@
"code": 58884
},
"setIdx": 2,
"setId": 4,
"iconIdx": 8
"setId": 1,
"iconIdx": 12
},
{
"icon": {
......@@ -262,8 +310,8 @@
"code": 58885
},
"setIdx": 2,
"setId": 4,
"iconIdx": 9
"setId": 1,
"iconIdx": 13
},
{
"icon": {
......@@ -286,8 +334,8 @@
"code": 58886
},
"setIdx": 2,
"setId": 4,
"iconIdx": 10
"setId": 1,
"iconIdx": 14
},
{
"icon": {
......@@ -310,8 +358,8 @@
"code": 58888
},
"setIdx": 2,
"setId": 4,
"iconIdx": 11
"setId": 1,
"iconIdx": 15
},
{
"icon": {
......@@ -334,8 +382,8 @@
"code": 58889
},
"setIdx": 2,
"setId": 4,
"iconIdx": 12
"setId": 1,
"iconIdx": 16
},
{
"icon": {
......@@ -358,8 +406,8 @@
"code": 58890
},
"setIdx": 2,
"setId": 4,
"iconIdx": 13
"setId": 1,
"iconIdx": 17
},
{
"icon": {
......@@ -382,8 +430,8 @@
"code": 58892
},
"setIdx": 2,
"setId": 4,
"iconIdx": 14
"setId": 1,
"iconIdx": 18
},
{
"icon": {
......@@ -406,8 +454,8 @@
"code": 58893
},
"setIdx": 2,
"setId": 4,
"iconIdx": 15
"setId": 1,
"iconIdx": 19
},
{
"icon": {
......@@ -431,8 +479,8 @@
"code": 58894
},
"setIdx": 2,
"setId": 4,
"iconIdx": 16
"setId": 1,
"iconIdx": 20
},
{
"icon": {
......@@ -455,8 +503,8 @@
"code": 58895
},
"setIdx": 2,
"setId": 4,
"iconIdx": 17
"setId": 1,
"iconIdx": 21
},
{
"icon": {
......@@ -479,8 +527,8 @@
"code": 58896
},
"setIdx": 2,
"setId": 4,
"iconIdx": 18
"setId": 1,
"iconIdx": 22
},
{
"icon": {
......@@ -503,8 +551,8 @@
"code": 58897
},
"setIdx": 2,
"setId": 4,
"iconIdx": 19
"setId": 1,
"iconIdx": 23
},
{
"icon": {
......@@ -527,8 +575,8 @@
"code": 58898
},
"setIdx": 2,
"setId": 4,
"iconIdx": 20
"setId": 1,
"iconIdx": 24
},
{
"icon": {
......@@ -551,8 +599,8 @@
"code": 58899
},
"setIdx": 2,
"setId": 4,
"iconIdx": 21
"setId": 1,
"iconIdx": 25
},
{
"icon": {
......@@ -575,8 +623,8 @@
"code": 58900
},
"setIdx": 2,
"setId": 4,
"iconIdx": 22
"setId": 1,
"iconIdx": 26
},
{
"icon": {
......@@ -599,8 +647,8 @@
"name": "insert-comment"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 23
"setId": 1,
"iconIdx": 27
},
{
"icon": {
......@@ -623,8 +671,8 @@
"code": 58901
},
"setIdx": 2,
"setId": 4,
"iconIdx": 24
"setId": 1,
"iconIdx": 28
},
{
"icon": {
......@@ -647,32 +695,8 @@
"code": 58902
},
"setIdx": 2,
"setId": 4,
"iconIdx": 25
},
{
"icon": {
"paths": [
"M298.667 426.667l213.333 213.333 213.333-213.333z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"arrow-drop-down"
],
"grid": 24
},
"attrs": [],
"properties": {
"id": 673,
"order": 43,
"prevSize": 24,
"name": "arrow-drop-down",
"code": 58905
},
"setIdx": 2,
"setId": 4,
"iconIdx": 26
"setId": 1,
"iconIdx": 29
},
{
"icon": {
......@@ -695,8 +719,8 @@
"code": 58906
},
"setIdx": 2,
"setId": 4,
"iconIdx": 27
"setId": 1,
"iconIdx": 31
},
{
"icon": {
......@@ -719,8 +743,8 @@
"code": 58907
},
"setIdx": 2,
"setId": 4,
"iconIdx": 28
"setId": 1,
"iconIdx": 32
},
{
"icon": {
......@@ -743,8 +767,8 @@
"name": "chevron-left"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 29
"setId": 1,
"iconIdx": 33
},
{
"icon": {
......@@ -760,15 +784,15 @@
},
"attrs": [],
"properties": {
"order": 33,
"order": 61,
"id": 750,
"prevSize": 24,
"code": 58904,
"name": "chevron-right"
},
"setIdx": 2,
"setId": 4,
"iconIdx": 30
"setId": 1,
"iconIdx": 34
},
{
"icon": {
......@@ -791,56 +815,8 @@
"code": 58908
},
"setIdx": 2,
"setId": 4,
"iconIdx": 31
},
{
"icon": {
"paths": [
"M512 341.333l-256 256 60.373 60.373 195.627-195.627 195.627 195.627 60.373-60.373z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"expand-less"
],
"grid": 24
},
"attrs": [],
"properties": {
"id": 682,
"order": 35,
"prevSize": 24,
"name": "expand-less",
"code": 58909
},
"setIdx": 2,
"setId": 4,
"iconIdx": 32
},
{
"icon": {
"paths": [
"M707.627 366.293l-195.627 195.627-195.627-195.627-60.373 60.373 256 256 256-256z"
],
"attrs": [],
"isMulticolor": false,
"tags": [
"expand-more"
],
"grid": 24
},
"attrs": [],
"properties": {
"id": 683,
"order": 36,
"name": "expand-more",
"prevSize": 24,
"code": 58910
},
"setIdx": 2,
"setId": 4,
"iconIdx": 33
"setId": 1,
"iconIdx": 35
},
{
"icon": {
......@@ -863,8 +839,8 @@
"code": 58914
},
"setIdx": 2,
"setId": 4,
"iconIdx": 34
"setId": 1,
"iconIdx": 38
},
{
"icon": {
......@@ -887,8 +863,8 @@
"code": 58915
},
"setIdx": 2,
"setId": 4,
"iconIdx": 35
"setId": 1,
"iconIdx": 39
},
{
"icon": {
......@@ -914,9 +890,9 @@
"code": 58922,
"name": "mail"
},
"setIdx": 4,
"setId": 2,
"iconIdx": 0
"setIdx": 2,
"setId": 1,
"iconIdx": 40
},
{
"icon": {
......@@ -942,9 +918,9 @@
"ligatures": "google-plus, brand2",
"name": "google-plus"
},
"setIdx": 1,
"setId": 5,
"iconIdx": 392
"setIdx": 2,
"setId": 1,
"iconIdx": 41
},
{
"icon": {
......@@ -970,9 +946,9 @@
"ligatures": "facebook2, brand7",
"name": "facebook"
},
"setIdx": 1,
"setId": 5,
"iconIdx": 397
"setIdx": 2,
"setId": 1,
"iconIdx": 42
},
{
"icon": {
......@@ -999,9 +975,9 @@
"ligatures": "twitter, brand11",
"name": "twitter"
},
"setIdx": 1,
"setId": 5,
"iconIdx": 401
"setIdx": 2,
"setId": 1,
"iconIdx": 43
},
{
"icon": {
......@@ -1031,9 +1007,9 @@
"code": 58911,
"name": "cc-by"
},
"setIdx": 3,
"setId": 3,
"iconIdx": 0
"setIdx": 2,
"setId": 1,
"iconIdx": 44
},
{
"icon": {
......@@ -1063,9 +1039,9 @@
"code": 58912,
"name": "cc-logo"
},
"setIdx": 3,
"setId": 3,
"iconIdx": 1
"setIdx": 2,
"setId": 1,
"iconIdx": 45
},
{
"icon": {
......@@ -1102,9 +1078,9 @@
"code": 58913,
"name": "cc-zero"
},
"setIdx": 3,
"setId": 3,
"iconIdx": 2
"setIdx": 2,
"setId": 1,
"iconIdx": 46
},
{
"icon": {
......@@ -1135,9 +1111,9 @@
"name": "markdown",
"code": 58891
},
"setIdx": 3,
"setId": 3,
"iconIdx": 3
"setIdx": 2,
"setId": 1,
"iconIdx": 47
}
],
"height": 1024,
......
......@@ -4,7 +4,7 @@
}
@font-face {
font-family: 'h';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
font-weight: normal;
font-style: normal;
}
......@@ -23,182 +23,135 @@
-moz-osx-font-smoothing: grayscale;
}
.h-icon-arrow-right:before {
content: "\e61d";
}
.h-icon-arrow-drop-down:before {
content: "\e629";
}
.h-icon-link:before {
content: "\e628";
}
.h-icon-create:before {
content: "\e627";
}
.h-icon-delete:before {
content: "\e624";
}
.h-icon-remove:before {
content: "\e625";
}
.h-icon-edit:before {
content: "\e626";
}
.h-icon-bookmark:before {
content: "\e600";
}
.h-icon-done:before {
content: "\e601";
}
.h-icon-lock:before {
content: "\e602";
}
.h-icon-search:before {
content: "\e603";
}
.h-icon-settings:before {
content: "\e604";
}
.h-icon-visibility:before {
content: "\e605";
}
.h-icon-visibility-off:before {
content: "\e606";
}
.h-icon-add:before {
content: "\e608";
}
.h-icon-clear:before {
content: "\e609";
}
.h-icon-content-copy:before {
content: "\e60a";
}
.h-icon-flag:before {
content: "\e60c";
}
.h-icon-reply:before {
content: "\e60d";
}
.h-icon-border-color:before {
content: "\e60e";
}
.h-icon-format-bold:before {
content: "\e60f";
}
.h-icon-format-italic:before {
content: "\e610";
}
.h-icon-format-list-bulleted:before {
content: "\e611";
}
.h-icon-format-list-numbered:before {
content: "\e612";
}
.h-icon-format-quote:before {
content: "\e613";
}
.h-icon-functions:before {
content: "\e614";
}
.h-icon-insert-comment:before {
content: "\e617";
}
.h-icon-insert-link:before {
content: "\e615";
}
.h-icon-insert-photo:before {
content: "\e616";
}
.h-icon-arrow-drop-down:before {
content: "\e619";
}
.h-icon-cancel:before {
content: "\e61a";
}
.h-icon-check:before {
content: "\e61b";
}
.h-icon-chevron-left:before {
content: "\e607";
}
.h-icon-chevron-right:before {
content: "\e618";
}
.h-icon-close:before {
content: "\e61c";
}
.h-icon-expand-less:before {
content: "\e61d";
}
.h-icon-expand-more:before {
content: "\e61e";
}
.h-icon-public:before {
content: "\e622";
}
.h-icon-share:before {
content: "\e623";
}
.h-icon-mail:before {
content: "\e62a";
}
.h-icon-google-plus:before {
content: "\ea88";
}
.h-icon-facebook:before {
content: "\ea8d";
}
.h-icon-twitter:before {
content: "\ea91";
}
.h-icon-cc-by:before {
content: "\e61f";
}
.h-icon-cc-logo:before {
content: "\e620";
}
.h-icon-cc-zero:before {
content: "\e621";
}
.h-icon-markdown:before {
content: "\e60b";
}
......@@ -35,8 +35,15 @@
<!-- / Editing controls -->
</span>
<span class="annotation-collapsed-replies">
<a class="reply-count small" href=""
ng-click="replyCountClick()"
ng-pluralize count="replyCount"
when="{'0': '', 'one': '1 reply', 'other': '{} replies'}"></a>
</span>
<!-- Timestamp -->
<a class="annotation-timestamp small pull-right"
<a class="annotation-timestamp"
target="_blank"
title="{{vm.annotation.updated | moment:'LLLL'}}"
ng-if="!vm.editing && vm.annotation.updated"
......
......@@ -2,8 +2,8 @@
class="threadexp"
title="{{vm.collapsed && 'Expand' || 'Collapse'}}"
ng-click="vm.toggleCollapsed()">
<span ng-class="{'h-icon-expand-more': !!vm.collapsed,
'h-icon-expand-less': !vm.collapsed}"></span>
<span ng-class="{'h-icon-arrow-right': !!vm.collapsed,
'h-icon-arrow-drop-down': !vm.collapsed}"></span>
</a>
<!-- Annotation -->
......@@ -11,7 +11,7 @@
<p><em>Message not available.</em></p>
</div>
<article class="annotation thread-message"
<article class="annotation thread-message {{vm.collapsed && 'collapsed'}}"
name="annotation"
annotation="vm.container.message"
annotation-embedded="{{isEmbedded}}"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment