Add a message bar to give context that this node/content item is in the trash/recycle bin

src/Umbraco.Web.UI.Client/src/less/components/editor/umb-editor.less

@@ -65,7 +65,7 @@
     width: 500px;
     will-change: transform;
     left: auto;
-    
+
     .umb-editor-container {
         max-width: 500px;
     }
@@ -90,3 +90,10 @@
     opacity: 1;
     transition: opacity 320ms 20ms, visibility 0s;
 }
+
+.umb-editor--trashed-message {
+    background:#f5c1bc;
+    color:#1b264f;
+    padding:10px;
+    margin-bottom:20px;
+}

src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html

@@ -27,6 +27,12 @@
         </ng-form>
 
         <umb-editor-container ng-if="vm.editor.content.apps.length > 0">
+
+            <!-- Deleted Context Message Bar (Displayed when viewing node in recycle bin) -->
+            <div ng-show="vm.content.trashed" class="umb-editor--trashed-message">
+                You are trash
+            </div>
+
             <div class="umb-editor-sub-views">
                 <div ng-repeat="app in vm.editor.content.apps track by app.alias">
                     <umb-editor-sub-view model="app" content="vm.content" />