Message content

src/app/shared/components/header/header.component.html

@@ -103,8 +103,8 @@
       </div>
     </div>
   </nav>
-  <p class="note_tag text-center">"Mining in August was on testnet; mainnet launched with an initial money supply of precisely zero units on <span class="font-weight-bold">September 2</span>."
-   <span class="float-right font-weight-bold">X</span>
+  <p *ngIf="showContent" class="note_tag text-center">"Mining in August was on testnet; mainnet launched with an initial money supply of precisely zero units on <span class="font-weight-bold">September 2</span>."
+   <span (click)="removeText()" class="float-right font-weight-bold">X</span>
   </p>
  
  <div *ngIf="TimeArr" class="d-sm-none text-center">

src/app/shared/components/header/header.component.ts

@@ -11,6 +11,7 @@ import {  HttpParams } from '@angular/common/http';
 })
 export class HeaderComponent implements OnInit {
   TimeArr: any;
+  showContent=true;
   constructor(
     @Inject(DOCUMENT) private document: Document,
     private chartService: ChartService,
@@ -42,4 +43,8 @@ export class HeaderComponent implements OnInit {
   public ChangeTheme() {
     this.document.body.classList.toggle('dark_theme');
   }
+
+  public removeText(){
+    this.showContent=0;
+  }
 }

src/app/view/home/graph-list/graph-list.component.ts

@@ -1393,6 +1393,7 @@ export class GraphListComponent implements OnInit {
           tickformat: '%m-%d',
           rangemode: 'nonnegative',
           fixedrange: true,
+          tickangle: -45,
           tick0:Tdate[0],
           dtick: dtickval
         },

src/assets/css/style.css

@@ -805,4 +805,7 @@ body.dark_theme {
             transform: scale3D(0, 0, 1);
   } 
 }
-.note_tag{background: #bf9b30; position: fixed; width: 100%;  bottom: 0;  padding: 10px;  color: #fff;  z-index: 2;  margin: 0;}
+.note_tag{background: #bf9b30; position: fixed; width: 100%;  bottom: 0;  padding: 10px;  color: #fff;  z-index: 2;  margin: 0;}
+.note_tag span{
+  cursor: pointer;
+}