[prev in list] [next in list] [prev in thread] [next in thread]
List: kde-panel-devel
Subject: D15011: [Kickoff] Make the search field always look like a search field
From: Andrew Crouthamel <noreply () phabricator ! kde ! org>
Date: 2018-09-01 0:14:20
Message-ID: 7366b0d123a9e5d23fb9065557a44750 () localhost ! localdomain
[Download RAW message or body]
[Attachment #2 (text/plain)]
acrouthamel added a comment.
In D15011#314963 <https://phabricator.kde.org/D15011#314963>, @filipf wrote:
> To add more to the analysis, since Kickoff is a plasmoid, what seemed like a good \
idea to me was to have a look at how other plasmoids are designed (especially with \
relevance to the elements touched on in this proposal). >
> The Clipboard plasmoid stood out to me because as another unibody plasmoid, it \
seems to me like it handles the search box gracefully. I created some pics, this time \
with Breeze Dark to switch it up a bit: >
> F6213801: ClipboardSearch.png <https://phabricator.kde.org/F6213801>
>
> Behavior: (1) non-selected it doesn't have an outer glow or a colored stroke; (2) \
when hovered over the stroke inherits the selection color; (3) only when clicked on \
or typed it does it turn on outer glow and the text selection line blings >
> Copied into Kickoff it doesn't look too bad (left pic). Since Kickoff is and can \
be more transparent, if possible what would help blend it in more is to lower the \
opacity by maybe 15-20% (right pic): >
> F6213813: ClipboardSearchKickoff.png <https://phabricator.kde.org/F6213813>
>
> Now as for adding differentation in Kickoff, my observations were:
>
> - Kickoff isn't actually unibody -> if we look closely, Breeze Dark reveals that \
it actually places tabs into squares + other tabs such as the Application one already \
have separators > - Other plasmoids do make use of separators, adding them would not \
create a design inconsistency on the whole > - Although not as common, some \
plasmoids do also shade certain sections differently (e.g. plasma-pa), so at least \
what can be concluded is that shading a part of Kickoff differently also wouldn't be \
unprecedented
I really like this look.
REPOSITORY
R119 Plasma Desktop
REVISION DETAIL
https://phabricator.kde.org/D15011
To: ngraham, #plasma, #vdg, davidedmundson, abetts
Cc: acrouthamel, fabianr, huftis, rooty, sharvey, romangg, broulik, safaalfulaij, \
oysteins, filipf, abetts, davidedmundson, michaeltunnell, plasma-devel, ragreen, \
Pitel, ZrenBot, lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart
[Attachment #3 (text/html)]
<table><tr><td style="">acrouthamel 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/D15011">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/D15011#314963" style="background-color: #e7e7e7; \
border-color: #e7e7e7; border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;">D15011#314963</a>, <a \
href="https://phabricator.kde.org/p/filipf/" style=" border-color: #f1f7ff;
color: #19558d;
background-color: #f1f7ff;
border: 1px solid transparent;
border-radius: 3px;
font-weight: bold;
padding: 0 4px;">@filipf</a> wrote:</div>
<div style="margin: 0;
padding: 0;
border: 0;
color: rgb(107, 116, 140);"><p>To add more to the analysis, since Kickoff \
is a plasmoid, what seemed like a good idea to me was to have a look at how other \
plasmoids are designed (especially with relevance to the elements touched on in this \
proposal).</p>
<p>The Clipboard plasmoid stood out to me because as another unibody plasmoid, it \
seems to me like it handles the search box gracefully. I created some pics, this time \
with Breeze Dark to switch it up a bit:</p>
<p><a href="https://phabricator.kde.org/F6213801" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;">F6213801: ClipboardSearch.png</a></p>
<p>Behavior: (1) non-selected it doesn't have an outer glow or a colored stroke; \
(2) when hovered over the stroke inherits the selection color; (3) only when clicked \
on or typed it does it turn on outer glow and the text selection line blings</p>
<p>Copied into Kickoff it doesn't look too bad (left pic). Since Kickoff is and \
can be more transparent, if possible what would help blend it in more is to lower the \
opacity by maybe 15-20% (right pic):</p>
<p><a href="https://phabricator.kde.org/F6213813" style="background-color: #e7e7e7;
border-color: #e7e7e7;
border-radius: 3px;
padding: 0 4px;
font-weight: bold;
color: black;text-decoration: none;">F6213813: \
ClipboardSearchKickoff.png</a></p>
<p>Now as for adding differentation in Kickoff, my observations were:</p>
<ul class="remarkup-list">
<li class="remarkup-list-item">Kickoff isn't actually unibody -> if we look \
closely, Breeze Dark reveals that it actually places tabs into squares + other tabs \
such as the Application one already have separators</li> <li \
class="remarkup-list-item">Other plasmoids do make use of separators, adding them \
would not create a design inconsistency on the whole</li> <li \
class="remarkup-list-item">Although not as common, some plasmoids do also shade \
certain sections differently (e.g. plasma-pa), so at least what can be concluded is \
that shading a part of Kickoff differently also wouldn't be unprecedented</li> \
</ul></div> </blockquote>
<p>I really like this look.</p></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/D15011">https://phabricator.kde.org/D15011</a></div></div><br \
/><div><strong>To: </strong>ngraham, Plasma, VDG, davidedmundson, abetts<br \
/><strong>Cc: </strong>acrouthamel, fabianr, huftis, rooty, sharvey, romangg, \
broulik, safaalfulaij, oysteins, filipf, abetts, davidedmundson, michaeltunnell, \
plasma-devel, ragreen, Pitel, ZrenBot, lesliezhai, ali-mohamed, jensreuterberg, \
sebas, apol, mart<br /></div>
[prev in list] [next in list] [prev in thread] [next in thread]
Configure |
About |
News |
Add a list |
Sponsored by KoreLogic