feat(#113): add a "beta" next to DeckDeckGo in the header

peterpeterparker · peterpeterparker · commit 9b4e27c8a3ba · 2019-05-17T17:24:54.000+02:00
diff --git a/studio/src/app/components/core/app-navigation/app-navigation.scss b/studio/src/app/components/core/app-navigation/app-navigation.scss
@@ -17,6 +17,13 @@ app-navigation {
         margin-right: 4px;
         padding: 4px;
       }
+
+      mark {
+        background-color: transparent;
+        font-style: italic;
+        color: white;
+        font-size: calc(var(--font-size-small) * 0.9);
+      }
     }
   }
 
diff --git a/studio/src/app/components/core/app-navigation/app-navigation.tsx b/studio/src/app/components/core/app-navigation/app-navigation.tsx
@@ -33,7 +33,7 @@ export class AppNavigation {
       return <ion-anchor onClick={() => this.closeMenu()} href="/" routerDirection="forward" slot="start">
         <div>
           <app-logo></app-logo>
-          <span class="ion-text-uppercase">DeckDeckGo</span>
+          <span class="ion-text-uppercase">DeckDeckGo <mark>BETA</mark></span>
         </div>
       </ion-anchor>;
     } else {

Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,13 @@ app-navigation {`
`17`	`17`	`margin-right: 4px;`
`18`	`18`	`padding: 4px;`
`19`	`19`	`}`
	`20`	`+`
	`21`	`+ mark {`
	`22`	`+ background-color: transparent;`
	`23`	`+ font-style: italic;`
	`24`	`+ color: white;`
	`25`	`+ font-size: calc(var(--font-size-small) * 0.9);`
	`26`	`+ }`
`20`	`27`	`}`
`21`	`28`	`}`
`22`	`29`