From d3ed791ab52eaddb7690869bb1cd982453badd95 Mon Sep 17 00:00:00 2001 From: Florian Orben Date: Sat, 31 Oct 2015 03:22:02 +0100 Subject: attachments frontend --- web/sass-files/sass/partials/_post.scss | 71 +++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index ef19ac601..dd88e6e16 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -610,3 +610,74 @@ body.ios { font-weight: 600; margin: 0 0 0 -4px; } + +.attachment { + .attachment__content { + border-width: 1px; + border-style: solid; + border-radius: 4px; + padding: 2px 5px; + margin: 0 0 5px 0; + } + .attachment__thumb-pretext { + border: 0 none; + background: transparent; + } + .attachment__container { + border-left-width: 4px; + border-left-style: solid; + padding: 2px 0 2px 10px; + &.attachment__container--good { + border-left-color: #00C100; + } + &.attachment__container--warning { + border-left-color: #DEDE01; + } + &.attachment__container--danger { + border-left-color: #E40303; + } + } + .attachment__body { + float: left; + width: 80%; + padding-right: 5px; + &.attachment__body--no_thumb { + width: 100%; + } + } + .attachment__thumb-pretext { + margin-left: 5px; + } + .attachment__title { + margin: 5px 0; + padding: 0; + line-height: 16px; + font-size: 16px; + a { + font-size: 16px; + } + } + .attachment__author-icon { + @include border-radius(50px); + margin-right: 5px; + width: 14px; + height: 14px; + } + .attachment__image { + max-width: 100%; + } + .attachment__thumb-container { + width: 20%; + float: right; + img { + height: 75px; + max-width: 100%; + } + } + .attachment___fields { + width: 100%; + .attachment___field-caption { + font-weight: 700; + } + } +} \ No newline at end of file -- cgit v1.2.3-1-g7c22 From 4b6eb56415c2085bc9078836b70b833b1e01a60d Mon Sep 17 00:00:00 2001 From: Florian Orben Date: Sat, 31 Oct 2015 04:46:35 +0100 Subject: collapse text after 700 chars or 5 line breaks --- web/sass-files/sass/partials/_post.scss | 3 +++ 1 file changed, 3 insertions(+) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index dd88e6e16..db03a1578 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -645,6 +645,9 @@ body.ios { width: 100%; } } + .attachment__text p:last-of-type { + display: inline-block; + } .attachment__thumb-pretext { margin-left: 5px; } -- cgit v1.2.3-1-g7c22 From b085bc2d56bdc98101b8cb50848aee248d42af28 Mon Sep 17 00:00:00 2001 From: Florian Orben Date: Thu, 5 Nov 2015 23:32:44 +0100 Subject: PLT-857: Support for Incoming Webhooks - Try #2 --- web/sass-files/sass/partials/_post.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index db03a1578..b57c51242 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -668,6 +668,7 @@ body.ios { } .attachment__image { max-width: 100%; + margin-bottom: 1em; } .attachment__thumb-container { width: 20%; @@ -682,5 +683,8 @@ body.ios { .attachment___field-caption { font-weight: 700; } + .attachment___field p { + margin: 0; + } } } \ No newline at end of file -- cgit v1.2.3-1-g7c22