add: acitve title form style

diff --git a/src/app/title/title.component.css b/src/app/title/title.component.css
index 29aad93335597900c26a36428dc4e46e5ba25984..d45449e85c73e188c8eddcc9664a4bbad111e07c 100644 (file)
--- a/src/app/title/title.component.css
+++ b/src/app/title/title.component.css
@@ -3,6 +3,10 @@
        font-family: 'Tangerine';
 }
 
+.active {
+       background-color: #fff6e6;
+}
+
 .button {
        display: inline-block;
        margin: 0.5em 0;

diff --git a/src/app/title/title.component.html b/src/app/title/title.component.html
index 746961bb861fecc9c411eb2aa9b159268a040223..4b8c3c839e045b2bc78f80cd70cbada6442994ab 100644 (file)
--- a/src/app/title/title.component.html
+++ b/src/app/title/title.component.html
@@ -1,4 +1,4 @@
-<div class="title">
+<div class="title" [class.active]="formTitleVisible">
        <h1>{{title.Title}}</h1>
        <button class="button"
                type="button"