feat(docs): lost code alert (#247)

positive-js · Oct 11, 2019 · 3d6ede1 · 3d6ede1
1 parent 7e4a862
commit 3d6ede1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/packages/docs/src/app/components/main-layout/main-layout.component.scss b/packages/docs/src/app/components/main-layout/main-layout.component.scss
@@ -1,4 +1,7 @@
-.main {}
+.main {
+    display: flex;
+    height: 100%;
+}
 
 .content {
     margin: {

diff --git a/packages/docs/src/app/shared/example-viewer/example-viewer.html b/packages/docs/src/app/shared/example-viewer/example-viewer.html
@@ -47,9 +47,11 @@
     </div>
 
     <ng-template #lostExample>
-        <p class="docs-example-viewer__lost-example">Oops, this code example is lost... But you can help us find it!
-            Just send a Pull Request to this repository:
-            <a class="docs-markdown__a" href="https://github.com/positive-js/mosaic.">Mosaic</a>
-        </p>
+        <div class="mc-alert mc-alert_error mc-alert_dismissible">
+            <span>Oops, this code example is lost... But you can help us find it!
+                Just send a Pull Request to this repository:
+                <a class="docs-markdown__a" href="//github.com/positive-js/mosaic/pulls"> Mosaic</a>
+            </span>
+        </div>
     </ng-template>
 </div>
diff --git a/packages/docs/src/styles/_common.scss b/packages/docs/src/styles/_common.scss
@@ -27,6 +27,8 @@ html {
 // 1. remove the margin in all browsers.
 
 body {
+    display: flex;
+    height: 100vh;
     font-family: map-get(map-get($fonts, 'base'), font-family);
     margin: 0; // 1
 }