<table><tr><td style="">rooty added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D17975">View Revision</a></tr></table><br /><div><div><blockquote style="border-left: 3px solid #8C98B8;
          color: #6B748C;
          font-style: italic;
          margin: 4px 0 12px 0;
          padding: 8px 12px;
          background-color: #F8F9FC;">
<div style="font-style: normal;
          padding-bottom: 4px;">In <a href="https://phabricator.kde.org/D17975#386665" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">D17975#386665</a>, <a href="https://phabricator.kde.org/p/ngraham/" style="
              border-color: #f1f7ff;
              color: #19558d;
              background-color: #f1f7ff;
                border: 1px solid transparent;
                border-radius: 3px;
                font-weight: bold;
                padding: 0 4px;">@ngraham</a> wrote:</div>
<div style="margin: 0;
          padding: 0;
          border: 0;
          color: rgb(107, 116, 140);"><p>Can you clarify what the ultimate visual goal here? Clearly defining that might help to tighten up your code and thought process.</p>

<p>Also, what remaining issues make this WIP? I find that the Phabricator <tt style="background: #ebebeb; font-size: 13px;">NOTE:</tt> markup works well for this. See <a href="https://secure.phabricator.com/book/phabricator/article/remarkup/" class="remarkup-link" target="_blank" rel="noreferrer">https://secure.phabricator.com/book/phabricator/article/remarkup/</a></p></div>
</blockquote>

<p>The basic idea is to get padding all around the notification contents, without making the heading stick out too much above the notification item. Basically pushing everything slightly inward.</p>

<p>There are two issues that are beyond the scope of this diff though:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item">1) A technical concern: Will it scale properly? Will it handle different font sizes properly? At present the notification widget doesn't scale properly and I don't know how to fix that so that wasn't my primary concern:</li>
</ul>

<p><a href="https://phabricator.kde.org/F6525885" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F6525885: image.png</a></p>

<div style="margin: 16px 0;
            padding: 12px;
            border-left: 3px solid #2980b9;
            background: #daeaf3;"><span class="remarkup-note-word">NOTE:</span> that is an issue present in master (this screenshot is of master, not my patch)</div>



<ul class="remarkup-list">
<li class="remarkup-list-item">2) A design concern: Should the notification icon be lowered in position based on the <em>amount</em> of content (text) in the notification like what happens in certain Windows 10 notifications:</li>
</ul>

<p><a href="https://phabricator.kde.org/F6525887" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F6525887: image.png</a></p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R120 Plasma Workspace</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D17975">https://phabricator.kde.org/D17975</a></div></div><br /><div><strong>To: </strong>rooty, VDG, Plasma, ngraham<br /><strong>Cc: </strong>hein, ndavis, plasma-devel, kvanton, jraleigh, GB_2, ragreen, Pitel, ZrenBot, lesliezhai, ali-mohamed, jensreuterberg, abetts, sebas, apol, mart<br /></div>