[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-panel-devel
Subject: Re: Review Request 108400: Improve highlighted contrast in thumbnail tabbox
From: Thomas_Lübking <thomas.luebking () gmail ! com>
Date: 2013-01-15 16:28:44
Message-ID: 20130115162844.15333.93214 () vidsolbach ! de
[Download RAW message or body]
[Attachment #2 (multipart/alternative)]
> On Jan. 15, 2013, 3:06 p.m., Aaron J. Seigo wrote:
> > yes, looks proper.
> >
> > on a broader note, it's probably hard/impossible to make the viewitem svg work \
> > for this use case and the general use case of QML views .. so +1 from me.
I'd rather say if theme can not provide this, the indication has to happen theme \
agnostic, eg.:
KWin.ThumbnailItem {
property variant data: model
id: thumbnailItem
wId: windowId
anchors {
fill: parent
property int padding: thumbnailListView.currentIndex == index ? 0 \
: Math.min(parent.width, parent.height)/4 leftMargin: hoverItem.margins.left + \
padding rightMargin: hoverItem.margins.right + padding
topMargin: hoverItem.margins.top + padding
bottomMargin: hoverItem.margins.bottom + padding
}
}
- Thomas
-----------------------------------------------------------
This is an automatically generated e-mail. To reply, visit:
http://git.reviewboard.kde.org/r/108400/#review25584
-----------------------------------------------------------
On Jan. 14, 2013, 8:08 a.m., Sebastian Kügler wrote:
>
> -----------------------------------------------------------
> This is an automatically generated e-mail. To reply, visit:
> http://git.reviewboard.kde.org/r/108400/
> -----------------------------------------------------------
>
> (Updated Jan. 14, 2013, 8:08 a.m.)
>
>
> Review request for kwin and Plasma.
>
>
> Description
> -------
>
> Improve highlighted contrast in thumbnail tabbox
>
> Air's hovered svg provides only a thin frame around the borders, too
> little to quickly spot the highlighted item when the whole widget is
> only around for a few milliseconds (as is usual with the tabbox).
>
> This patch paints a rectangle with rounded corners behind the
> highlighted item instead, making it much easier to spot the currently
> highlighted item.
>
> Aimed for master and KDE/4.10.
>
>
> Diffs
> -----
>
> kwin/tabbox/qml/clients/thumbnails/contents/ui/main.qml \
> 4c33703d54c84fd54da94f821234e4cbd9c1c001
> Diff: http://git.reviewboard.kde.org/r/108400/diff/
>
>
> Testing
> -------
>
> Tested with Air, Oxygen and Slim Glow, all work as expected, all show contrast \
> improvements, while still looking beautiful. :)
>
> File Attachments
> ----------------
>
> before, try spotting the highlighted item
> http://git.reviewboard.kde.org/media/uploaded/files/2013/01/14/kwin-tabbox-contrast-before.png
> after, much easier to find
> http://git.reviewboard.kde.org/media/uploaded/files/2013/01/14/kwin-tabbox-contrast-after.png
>
>
> Thanks,
>
> Sebastian Kügler
>
>
[Attachment #5 (text/html)]
<html>
<body>
<div style="font-family: Verdana, Arial, Helvetica, Sans-Serif;">
<table bgcolor="#f9f3c9" width="100%" cellpadding="8" style="border: 1px #c9c399 \
solid;"> <tr>
<td>
This is an automatically generated e-mail. To reply, visit:
<a href="http://git.reviewboard.kde.org/r/108400/">http://git.reviewboard.kde.org/r/108400/</a>
</td>
</tr>
</table>
<br />
<blockquote style="margin-left: 1em; border-left: 2px solid #d0d0d0; padding-left: \
10px;"> <p style="margin-top: 0;">On January 15th, 2013, 3:06 p.m. UTC, <b>Aaron J. \
Seigo</b> wrote:</p> <blockquote style="margin-left: 1em; border-left: 2px solid \
#d0d0d0; padding-left: 10px;"> <pre style="white-space: pre-wrap; white-space: \
-moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: \
break-word;">yes, looks proper.
on a broader note, it's probably hard/impossible to make the viewitem svg work \
for this use case and the general use case of QML views .. so +1 from me.</pre> \
</blockquote>
</blockquote>
<pre style="white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: \
-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;">I'd rather say if \
theme can not provide this, the indication has to happen theme agnostic, eg.:
KWin.ThumbnailItem {
property variant data: model
id: thumbnailItem
wId: windowId
anchors {
fill: parent
property int padding: thumbnailListView.currentIndex == index ? 0 \
: Math.min(parent.width, parent.height)/4 leftMargin: hoverItem.margins.left + \
padding rightMargin: hoverItem.margins.right + padding
topMargin: hoverItem.margins.top + padding
bottomMargin: hoverItem.margins.bottom + padding
}
}</pre>
<br />
<p>- Thomas</p>
<br />
<p>On January 14th, 2013, 8:08 a.m. UTC, Sebastian Kügler wrote:</p>
<table bgcolor="#fefadf" width="100%" cellspacing="0" cellpadding="8" \
style="background-image: \
url('http://git.reviewboard.kde.org/static/rb/images/review_request_box_top_bg.ab6f3b1072c9.png'); \
background-position: left top; background-repeat: repeat-x; border: 1px black \
solid;"> <tr>
<td>
<div>Review request for kwin and Plasma.</div>
<div>By Sebastian Kügler.</div>
<p style="color: grey;"><i>Updated Jan. 14, 2013, 8:08 a.m.</i></p>
<h1 style="color: #575012; font-size: 10pt; margin-top: 1.5em;">Description </h1>
<table width="100%" bgcolor="#ffffff" cellspacing="0" cellpadding="10" \
style="border: 1px solid #b8b5a0"> <tr>
<td>
<pre style="margin: 0; padding: 0; white-space: pre-wrap; white-space: \
-moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: \
break-word;">Improve highlighted contrast in thumbnail tabbox
Air's hovered svg provides only a thin frame around the borders, too
little to quickly spot the highlighted item when the whole widget is
only around for a few milliseconds (as is usual with the tabbox).
This patch paints a rectangle with rounded corners behind the
highlighted item instead, making it much easier to spot the currently
highlighted item.
Aimed for master and KDE/4.10.</pre>
</td>
</tr>
</table>
<h1 style="color: #575012; font-size: 10pt; margin-top: 1.5em;">Testing </h1>
<table width="100%" bgcolor="#ffffff" cellspacing="0" cellpadding="10" style="border: \
1px solid #b8b5a0"> <tr>
<td>
<pre style="margin: 0; padding: 0; white-space: pre-wrap; white-space: \
-moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: \
break-word;">Tested with Air, Oxygen and Slim Glow, all work as expected, all show \
contrast improvements, while still looking beautiful. :)</pre> </td>
</tr>
</table>
<h1 style="color: #575012; font-size: 10pt; margin-top: 1.5em;">Diffs</b> </h1>
<ul style="margin-left: 3em; padding-left: 0;">
<li>kwin/tabbox/qml/clients/thumbnails/contents/ui/main.qml <span style="color: \
grey">(4c33703d54c84fd54da94f821234e4cbd9c1c001)</span></li>
</ul>
<p><a href="http://git.reviewboard.kde.org/r/108400/diff/" style="margin-left: \
3em;">View Diff</a></p>
<h1 style="color: #575012; font-size: 10pt; margin-top: 1.5em;">File Attachments \
</h1>
<ul>
<li><a href="http://git.reviewboard.kde.org/media/uploaded/files/2013/01/14/kwin-tabbox-contrast-before.png">before, \
try spotting the highlighted item</a></li>
<li><a href="http://git.reviewboard.kde.org/media/uploaded/files/2013/01/14/kwin-tabbox-contrast-after.png"> \
after, much easier to find</a></li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>
_______________________________________________
Plasma-devel mailing list
Plasma-devel@kde.org
https://mail.kde.org/mailman/listinfo/plasma-devel
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic