From 2341a3692a31f40c484a3b027f757c84551bf1fe Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Thu, 24 Nov 2016 18:19:01 +0100 Subject: Add link to conversation in status. --- src/components/status/status.vue | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'src/components/status') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index d4bcc279..a84917e6 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -20,7 +20,11 @@ {{status.user.screen_name}} > {{status.in_reply_to_screen_name}} - - {{status.created_at_parsed}} + + + {{status.created_at_parsed}} + +
-- cgit v1.2.3-70-g09d2 From 08393b8580385d2627da2ebd9e3a09455d101a3a Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Fri, 25 Nov 2016 13:42:33 +0100 Subject: Fix word wrapping on Firefox. Also, move some css around. See https://bugzilla.mozilla.org/show_bug.cgi?id=1136818 for the word wrapping stuff. --- src/App.scss | 28 ++-------------------------- src/components/status/status.vue | 24 ++++++++++++++++++++++++ 2 files changed, 26 insertions(+), 26 deletions(-) (limited to 'src/components/status') diff --git a/src/App.scss b/src/App.scss index a97ad56d..47886e31 100644 --- a/src/App.scss +++ b/src/App.scss @@ -145,10 +145,6 @@ status.ng-enter.ng-enter-active { } -.media-body { - flex: 1 -} - #content { margin: auto; max-width: 920px; @@ -163,34 +159,14 @@ status.ng-enter.ng-enter-active { padding-left: 0.3em; } -.status .avatar { - width: 48px; -} - -.status.compact .avatar { - width: 32px; -} - -.status { - padding: 0.5em; - padding-right: 1em; - border-bottom: 1px solid silver; -} - -.status-el:last-child .status { - border: none +.container > * { + min-width: 0px; } [ng-click] { cursor: pointer; } -.status-el p { - margin: 0; - margin-top: 0.2em; - margin-bottom: 0.5em; -} - .user-info { padding: 1em; img { diff --git a/src/components/status/status.vue b/src/components/status/status.vue index a84917e6..e74be215 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -71,6 +71,12 @@ margin-top: 3px; margin-bottom: 3px; } + + p { + margin: 0; + margin-top: 0.2em; + margin-bottom: 0.5em; + } } .status-actions { @@ -80,4 +86,22 @@ .icon-reply:hover { color: $blue; } + + .status .avatar { + width: 48px; + } + + .status.compact .avatar { + width: 32px; + } + + .status { + padding: 0.5em; + padding-right: 1em; + border-bottom: 1px solid silver; + } + + .status-el:last-child .status { + border: none + } -- cgit v1.2.3-70-g09d2 From 5986afbb201e2a42bd0954c35e284c932b2e993c Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Fri, 25 Nov 2016 17:19:46 +0100 Subject: Re-indent style. --- src/components/status/status.vue | 48 ++++++++++++++++++++-------------------- 1 file changed, 24 insertions(+), 24 deletions(-) (limited to 'src/components/status') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index e74be215..b00f97ca 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -55,8 +55,8 @@ -- cgit v1.2.3-70-g09d2 From b515586485fab7030e02cad3cf1ce2c6e451c7d9 Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Fri, 25 Nov 2016 17:34:41 +0100 Subject: Show link to status source url. --- src/components/status/status.vue | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'src/components/status') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index b00f97ca..14792cae 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -25,6 +25,9 @@ {{status.created_at_parsed}} + + Source +
@@ -62,6 +65,10 @@ word-wrap: break-word; word-break: break-word; + .source_url { + float: right; + } + a { display: inline-block; word-break: break-all; -- cgit v1.2.3-70-g09d2 From 1be1d7563c94fa961c1cc0cef03e7e4e69df178a Mon Sep 17 00:00:00 2001 From: Roger Braun Date: Fri, 25 Nov 2016 17:34:59 +0100 Subject: Greentext. --- src/components/status/status.vue | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/components/status') diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 14792cae..9d17b8a7 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -69,6 +69,10 @@ float: right; } + .greentext { + color: green; + } + a { display: inline-block; word-break: break-all; -- cgit v1.2.3-70-g09d2