From 4d987c129c4db9a4b8796ae4149c46f2338f0fab Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Fri, 29 May 2020 16:41:38 -0400
Subject: [PATCH] =?UTF-8?q?chore:=20=F0=9F=A4=96=20improve=20projects=20de?=
 =?UTF-8?q?mo=20appearance?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../styles/rose/components/card/_link.scss    |  5 +++++
 .../styles/rose/components/header/_brand.scss |  1 +
 ui/core/app/templates/application.hbs         | 19 +++++++++++++++++++
 ui/core/config/environment.js                 |  2 +-
 ui/core/package.json                          |  1 +
 ui/core/translations/en-us.yaml               |  5 +++++
 6 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/addons/rose/addon/styles/rose/components/card/_link.scss b/addons/rose/addon/styles/rose/components/card/_link.scss
index 949734531..ba0e367e8 100644
--- a/addons/rose/addon/styles/rose/components/card/_link.scss
+++ b/addons/rose/addon/styles/rose/components/card/_link.scss
@@ -24,8 +24,13 @@
   }
 
   &:hover {
+    $s: sizing.rems(s); // 12
+    $xs: sizing.rems(xs); // 8
+    $xxs: sizing.rems(xxs); // 4
     border-color: var(--ui-gray);
     background-color: var(--ui-gray-subtler-5);
+    box-shadow: 0 $xs $s rgba(var(--stark-components), var(--opacity-3)),
+      0 $xxs $xxs rgba(var(--stark-components), var(--opacity-4));
   }
 
   &:active {
diff --git a/addons/rose/addon/styles/rose/components/header/_brand.scss b/addons/rose/addon/styles/rose/components/header/_brand.scss
index 671e38ffc..8d0438285 100644
--- a/addons/rose/addon/styles/rose/components/header/_brand.scss
+++ b/addons/rose/addon/styles/rose/components/header/_brand.scss
@@ -20,6 +20,7 @@
   .rose-header-brand-text {
     @include type.type(m, normal);
     margin: 0;
+    margin-left: sizing.rems(s);
     white-space: nowrap;
     position: absolute;
     top: -1000px;
diff --git a/ui/core/app/templates/application.hbs b/ui/core/app/templates/application.hbs
index ff8c801fe..9a5fa042c 100644
--- a/ui/core/app/templates/application.hbs
+++ b/ui/core/app/templates/application.hbs
@@ -2,6 +2,25 @@
   <page.header>
     <Rose::Header as |header|>
       <header.brand @logo="logo" @text={{app-name}} />
+      <header.nav as |nav|>
+        <nav.dropdown @text={{t 'dev.default-org'}} as |dropdown|>
+          <dropdown.link @route="index">{{t 'dev.menu-item'}}</dropdown.link>
+          <dropdown.link @route="orgs">{{t 'dev.menu-item'}}</dropdown.link>
+          <dropdown.button>{{t 'dev.button-menu-item'}}</dropdown.button>
+        </nav.dropdown>
+        <nav.link @route="orgs">{{t 'dev.section'}}</nav.link>
+        <nav.link @route="index">{{t 'dev.section'}}</nav.link>
+      </header.nav>
+      <header.utilities as |utilities|>
+        <utilities.dropdown
+          @text="user@example.net"
+          @iconOnly={{true}}
+          @icon="user-square-fill" as |dropdown|
+        >
+          <dropdown.link @route="index">{{t 'dev.menu-item'}}</dropdown.link>
+          <dropdown.button>{{t 'dev.button-menu-item'}}</dropdown.button>
+        </utilities.dropdown>
+      </header.utilities>
     </Rose::Header>
   </page.header>
 
diff --git a/ui/core/config/environment.js b/ui/core/config/environment.js
index fef9febde..edff9773a 100644
--- a/ui/core/config/environment.js
+++ b/ui/core/config/environment.js
@@ -41,7 +41,7 @@ module.exports = function (environment) {
       'frame-src': ["'self'"],
       'font-src': ["'self'"],
       'connect-src': ["'self'"],
-      'img-src': ["'self'"],
+      'img-src': ["'self'", "data:"],
       'style-src': ["'self'"],
       'media-src': ["'self'"],
       'manifest-src': ["'self'"],
diff --git a/ui/core/package.json b/ui/core/package.json
index 2b89fa8a8..0029a7423 100644
--- a/ui/core/package.json
+++ b/ui/core/package.json
@@ -60,6 +60,7 @@
     "ember-intl": "^5.1.1",
     "ember-load-initializers": "^2.1.1",
     "ember-maybe-import-regenerator": "^0.1.6",
+    "ember-modifier": "^1.0.3",
     "ember-page-title": "^5.2.1",
     "ember-qunit": "^4.6.0",
     "ember-resolver": "^7.0.0",
diff --git a/ui/core/translations/en-us.yaml b/ui/core/translations/en-us.yaml
index 0e2b062ad..4487f5698 100644
--- a/ui/core/translations/en-us.yaml
+++ b/ui/core/translations/en-us.yaml
@@ -10,3 +10,8 @@ form:
   label:
     name: Name
     description: Description
+dev:
+  default-org: Default Org
+  menu-item: Menu item
+  button-menu-item: Button menu item
+  section: Section