feat(#228): notes background

deckgo · Nov 1, 2019 · cd6d066 · cd6d066
1 parent 5827d19
commit cd6d066
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/remote/src/app/components/app-notes/app-notes.scss b/remote/src/app/components/app-notes/app-notes.scss
@@ -5,6 +5,8 @@ app-notes {
     margin: 0;
     white-space: pre-line;
 
+    color: var(--ion-text-color);
+
     &.notes-title {
       font-size: 1.8rem;
     }
@@ -13,6 +15,8 @@ app-notes {
   bottom-sheet {
     --sheet-content-padding-top: 4px;
     --sheet-z-index: 1000;
+    --sheet-background-color: var(--ion-background-color, white);
+    --sheet-indicator-color: var(--ion-text-color);
   }
 
   div.landscape-notes {

diff --git a/remote/src/app/components/app-notes/app-notes.tsx b/remote/src/app/components/app-notes/app-notes.tsx
@@ -65,7 +65,7 @@ export class AppNotes {
 
     private renderNotes() {
         return [
-            <p slot="sheet-header">Notes</p>,
+            <p slot="sheet-header" class="ion-margin-start ion-margin-end">Notes</p>,
             this.renderNote()
         ]
     }
@@ -75,6 +75,6 @@ export class AppNotes {
             return undefined;
         }
 
-        return <p class="ion-padding-top ion-padding-bottom ion-margin-top notes">{this.currentSlide.notes.replace(/<(?:[^>=]|='[^']*'|="[^"]*"|=[^'"][^\s>]*)*>/gmi, '')}</p>;
+        return <p class="ion-padding-top ion-padding-bottom ion-margin notes">{this.currentSlide.notes.replace(/<(?:[^>=]|='[^']*'|="[^"]*"|=[^'"][^\s>]*)*>/gmi, '')}</p>;
     }
 }