<table><tr><td style="">Zren 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/D9201" rel="noreferrer">View Revision</a></tr></table><br /><div><div><p>Before patch:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">GridView.cellHeight</tt> was <tt style="background: #ebebeb; font-size: 13px;">icon.height + text.height + 6 * smallSpacing</tt></li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">Loader {id: frameLoader }</tt> was <tt style="background: #ebebeb; font-size: 13px;">icon.height + text.height + 5 * smallSpacing</tt>. It also has a <tt style="background: #ebebeb; font-size: 13px;">y offset</tt> giving it a <tt style="background: #ebebeb; font-size: 13px;">1 * smallSpacing</tt> top margin.</li>
</ul>

<p>After patch:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">GridView.cellHeight</tt> is now <tt style="background: #ebebeb; font-size: 13px;">icon.height + text.height + 3 * smallSpacing</tt></li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">Loader {id: frameLoader }</tt> is now <tt style="background: #ebebeb; font-size: 13px;">icon.height + text.height + 4 * smallSpacing</tt>, which will overlap the icon below it by <tt style="background: #ebebeb; font-size: 13px;">1 * smallSpacing</tt> no? Even though it still has the <tt style="background: #ebebeb; font-size: 13px;">1 * smallSpacing</tt> top margin, I'm seeing some overlap.</li>
</ul>

<p>It's more noticeable if you do <tt style="background: #ebebeb; font-size: 13px;">var extraHeight = 0;</tt></p>

<p><a href="https://phabricator.kde.org/F5529319" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F5529319: 2017-12-05___13-35-02.png</a></p>

<ul class="remarkup-list">
<li class="remarkup-list-item">yellow = <tt style="background: #ebebeb; font-size: 13px;">GridView.delegate</tt> outline</li>
<li class="remarkup-list-item">cyan = <tt style="background: #ebebeb; font-size: 13px;">Loader { id: frameLoader }</tt> outline</li>
</ul>

<p>Outline with:</p>

<div class="remarkup-code-block" style="margin: 12px 0;" data-code-lang="text" data-sigil="remarkup-code-block"><pre class="remarkup-code" style="font: 11px/15px "Menlo", "Consolas", "Monaco", monospace; padding: 12px; margin: 0; background: rgba(71, 87, 120, 0.08);">Rectangle { border.color: "#0ff"; anchors.fill: parent; border.width: 1; color: "transparent"; }</pre></div>

<p>Before the patch, we had:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">6 * smallSpacing</tt> cellHeight</li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">1 * smallSpacing</tt> top margin (<tt style="background: #ebebeb; font-size: 13px;">frameLoader.y</tt>)</li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">2 * smallSpacing</tt> top padding above the icon (<tt style="background: #ebebeb; font-size: 13px;">icon.anchors.topMargin</tt>)</li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">1 * smallSpacing</tt> spacing between icon and label (<tt style="background: #ebebeb; font-size: 13px;">label.anchors.topMargin</tt>)</li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">2 * smallSpacing</tt> bottom padding (the remaining height of the frameLoader for the bottom padding inside the frame.</li>
<li class="remarkup-list-item"><tt style="background: #ebebeb; font-size: 13px;">extraHeight</tt> bottom margin which gives each cell a bit of extra height so that we don't have a bunch of empty space at the bottom.</li>
</ul></div></div><br /><div><strong>REPOSITORY</strong><div><div>R119 Plasma Desktop</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D9201" rel="noreferrer">https://phabricator.kde.org/D9201</a></div></div><br /><div><strong>To: </strong>hein, Plasma<br /><strong>Cc: </strong>Zren, plasma-devel, ZrenBot, progwolff, lesliezhai, ali-mohamed, jensreuterberg, abetts, sebas, apol, mart<br /></div>