[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kwin
Subject:    Re: Review Request 108400: Improve highlighted contrast in thumbnail tabbox
From:       Martin_Gräßlin <mgraesslin () kde ! org>
Date:       2013-01-14 8:07:43
Message-ID: 20130114080743.16367.66723 () vidsolbach ! de
[Download RAW message or body]

[Attachment #2 (multipart/alternative)]


> On Jan. 14, 2013, 8:59 a.m., Thomas Lübking wrote:
> > my 2c only:
> > 
> > if air has an unnotable *highlight* frame this should be fixed in the theme.
> > if it is not fixable in the theme because the focus is on a mostly light and \
> > "airy" appearance i would frankly raise the question of usability in some \
> > contexts and esp. for qml fall back to an osd look (unstyled effect frames) for \
> > the default implementations (which can easily be replaced by the plasma \
> > components one if the user wants to) 
> > hardcoding a certain look in a theme using qml to fix a specific (even the \
> > default) theme is imo definitively wrong. consider a theme with edgy corners or a \
> > dark one with a contrasting highlight color (not tested but there's some ghost \
> > theme or so i'd inspect before adding such patch) where the hardcoded workaround \
> > might then miserably fail :-(

I have to agree with Thomas here. In additon I have a few questions:
* how does it looks like with other themes? Is the highlight color a required \
                element? Are the themes prepared for it?
* what about the other switchers? Are they suffering the same problem or is the \
highlight there better?


- Martin


-----------------------------------------------------------
This is an automatically generated e-mail. To reply, visit:
http://git.reviewboard.kde.org/r/108400/#review25425
-----------------------------------------------------------


On Jan. 14, 2013, 2:59 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, 2:59 a.m.)
> 
> 
> Review request for kwin.
> 
> 
> 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 14th, 2013, 8:59 a.m. CET, <b>Thomas \
Lübking</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;">my 2c only:

if air has an unnotable *highlight* frame this should be fixed in the theme.
if it is not fixable in the theme because the focus is on a mostly light and \
&quot;airy&quot; appearance i would frankly raise the question of usability in some \
contexts and esp. for qml fall back to an osd look (unstyled effect frames) for the \
default implementations (which can easily be replaced by the plasma components one if \
the user wants to)

hardcoding a certain look in a theme using qml to fix a specific (even the default) \
theme is imo definitively wrong. consider a theme with edgy corners or a dark one \
with a contrasting highlight color (not tested but there&#39;s some ghost theme or so \
i&#39;d inspect before adding such patch) where the hardcoded workaround might then \
miserably fail :-(</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 have to agree with \
                Thomas here. In additon I have a few questions:
* how does it looks like with other themes? Is the highlight color a required \
                element? Are the themes prepared for it?
* what about the other switchers? Are they suffering the same problem or is the \
highlight there better?</pre> <br />










<p>- Martin</p>


<br />
<p>On January 14th, 2013, 2:59 a.m. CET, 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.</div>
<div>By Sebastian Kügler.</div>


<p style="color: grey;"><i>Updated Jan. 14, 2013, 2:59 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&#39;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>



_______________________________________________
kwin mailing list
kwin@kde.org
https://mail.kde.org/mailman/listinfo/kwin


[prev in list] [next in list] [prev in thread] [next in thread] 

Configure | About | News | Add a list | Sponsored by KoreLogic