diff --git a/app/assets/images/sprite.svg b/app/assets/images/sprite.svg index cfafff8b1..1eafc1df0 100644 --- a/app/assets/images/sprite.svg +++ b/app/assets/images/sprite.svg @@ -1,5 +1,5 @@ - + 1 Created with Sketch (http://www.bohemiancoding.com/sketch) @@ -187,11 +187,10 @@ - - - - - - + + + + + \ No newline at end of file diff --git a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee index 7332edcb4..2ec41b0cb 100644 --- a/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee +++ b/app/assets/javascripts/app/controllers/ticket_zoom.js.coffee @@ -934,9 +934,9 @@ class ArticleView extends App.Controller # runntime update if internal - $(e.target).closest('.ticket-article-item').find('.text-bubble').addClass('internal') + $(e.target).closest('.ticket-article-item').addClass('is-internal') else - $(e.target).closest('.ticket-article-item').find('.text-bubble').removeClass('internal') + $(e.target).closest('.ticket-article-item').removeClass('is-internal') show_toogle: (e) -> e.stopPropagation() diff --git a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco index 51cbdcda1..d5f41ad03 100644 --- a/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco +++ b/app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco @@ -1,5 +1,5 @@ <% for article in @articles: %> -
+
@@ -35,7 +35,9 @@
-
<%- article.html %>
+
+
<%- article.html %>
+
@@ -72,6 +74,6 @@
- +
<% end %> \ No newline at end of file diff --git a/app/assets/stylesheets/zzz.css.erb b/app/assets/stylesheets/zzz.css.erb index 249c26f75..cdee35aa9 100644 --- a/app/assets/stylesheets/zzz.css.erb +++ b/app/assets/stylesheets/zzz.css.erb @@ -1446,39 +1446,35 @@ ol.tabs li { } .split.action.icon { - width: 24px; - height: 20px; + width: 18px; + height: 15px; background-position: 0 -336px; } .reply.action.icon { - width: 19px; - height: 20px; - background-position: -24px -336px; - } - - .internal.action.icon { - width: 16px; - height: 20px; - background-position: -44px -336px; + width: 14px; + height: 15px; + background-position: -18px -336px; } + .internal.action.icon, .public.visibility.icon { width: 11px; height: 15px; - background-position: 0 -356px; + background-position: -32px -336px; } + .public.action.icon, .internal.visibility.icon { width: 11px; height: 15px; - background-position: -11px -356px; + background-position: -43px -336px; } .recipients.icon { width: 15px; height: 12px; - background-position: -22px -359px; + background-position: -54px -336px; } @@ -2609,12 +2605,12 @@ footer { } .bubble-gap { - margin-left: 15px; + margin-left: 15px !important; } .customer.ticket-article-item .bubble-gap { - margin-left: 0; - margin-right: 15px; + margin-left: 0 !important; + margin-right: 15px !important; } .ticket-article-item { @@ -2683,6 +2679,21 @@ footer { color: #96969b; } + .internal-border { + padding: 5px; + border-radius: 8px; + margin: -5px; + } + + .is-internal .internal-border { + background: repeating-linear-gradient(45deg, hsl(18,79%,89%), hsl(18,79%,89%) 5px, hsl(210,17%,98%) 5px, hsl(210,17%,98%) 6px); + background-size: 8px 8px; + } + + .is-internal .bubble-arrow { + display: none; + } + .text-bubble { padding: 10px 20px; white-space: pre-wrap; @@ -2707,16 +2718,6 @@ footer { border-color: hsl(199,44%,85%); } - .ticket-article-item .text-bubble.internal { - background: #f2def2; - border-color: hsl(300,43%,90%); - box-shadow: none; - } - - .customer.ticket-article-item.state--folde-out .text-bubble.internal { - border-color: hsl(300,43%,84%); - } - .bubble-arrow { position: absolute; width: 7px; @@ -2740,7 +2741,7 @@ footer { transform: rotate(-45deg); } - .ticket-article-item .text-bubble.internal .bubble-arrow:after { + .ticket-article-item.is-internal .bubble-arrow:after { background: #f2def2; border: #eed3d7; } @@ -2782,7 +2783,7 @@ footer { .article-action .icon { margin-right: 10px; - vertical-align: bottom; + vertical-align: top; } .ticket-edit { @@ -2794,17 +2795,6 @@ footer { background: white; } - .ticket-edit .internal-border { - padding: 5px; - border-radius: 8px; - margin: -5px; - } - - .ticket-edit.is-internal .internal-border { - background: repeating-linear-gradient(45deg, hsl(18,79%,89%), hsl(18,79%,89%) 5px, transparent 5px, transparent 6px); - background-size: 8px 8px; - } - .ticket-edit .avatar { margin-bottom: 3px; }