<table><tr><td style="">mart 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/D10483" rel="noreferrer">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/D10483#205563" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">D10483#205563</a>, <a href="https://phabricator.kde.org/p/abetts/" style="
              border-color: #f1f7ff;
              color: #19558d;
              background-color: #f1f7ff;
                border: 1px solid transparent;
                border-radius: 3px;
                font-weight: bold;
                padding: 0 4px;" rel="noreferrer">@abetts</a> wrote:</div>
<div style="margin: 0;
          padding: 0;
          border: 0;
          color: rgb(107, 116, 140);"><p>Sorry guys, this proposed left alignment just won't work IMHO. The reason is that we are turning the bar into a CSD. Unlike a desktop application, we don't have the ability to shrink the application in mobile. What this amounts to is that people will want to add more controls to the top bar, this will cram the interface and the limited space will run out. Pushing the title to the left doesn't work either, it will bump into the back button. I feel it is best that we drop this conversation for now and focus on the HIG first where we can address these ideas first and then try to adjust applications to it.</p></div>
</blockquote>

<p>this look is strictly for desktop:<br />
on mobile, the top bar contents are completely different, is a breadcrumb<br />
and the actions are floating at bottom</p>

<p><a href="https://phabricator.kde.org/F5710089" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F5710089: Spectacle.S31721.png</a></p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R169 Kirigami</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D10483" rel="noreferrer">https://phabricator.kde.org/D10483</a></div></div><br /><div><strong>To: </strong>ngraham, Kirigami, mart<br /><strong>Cc: </strong>abetts, Discover Software Store, plasma-devel, apol, davidedmundson, mart, hein<br /></div>