Merge pull request #156 from richardjanssen/develop

Add some icons
richardjanssen · Jan 30, 2024 · e0bef3e · e0bef3e
2 parents 4922619 + aec9795
commit e0bef3e
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 7 deletions.
diff --git a/src/app/core/components/icon/icon.component.scss b/src/app/core/components/icon/icon.component.scss
@@ -14,4 +14,8 @@
     &.primary-500 {
         fill: $primary-500;
     }
+
+    &.primary-400 {
+        fill: $primary-400;
+    }
 }
diff --git a/...ghts-chain/point-highlight/point-highlight-summary/point-highlight-summary.component.html b/...ghts-chain/point-highlight/point-highlight-summary/point-highlight-summary.component.html
@@ -30,19 +30,19 @@ <h2 class="title">{{ highlight.title }}</h2>
         <div class="attributes">
             <div class="attribute">
                 <bs-icon class="bs-icon" name="calendar-week"></bs-icon>
-                <i>{{ highlight.date | date: 'dd-MM-yyyy' }}</i>
+                <i>{{ highlight.date | date : 'dd-MM-yyyy' }}</i>
             </div>
             <div class="attribute">
                 <bs-icon class="bs-icon" name="clock"></bs-icon>
-                <i>{{ highlight.date | date: 'HH:mm z' }}</i>
+                <i>{{ highlight.date | date : 'HH:mm z' }}</i>
             </div>
             <div class="attribute" *ngIf="highlight.distance">
                 <bs-icon class="bs-icon" name="ruler"></bs-icon>
                 <i>{{ highlight.distance | distance }}</i>
             </div>
             <div *ngIf="!highlight.isManual" class="attribute">
-                <bs-icon class="bs-icon" name="robot"></bs-icon>
-                <i>Automatische update</i>
+                <bs-icon class="bs-icon" name="pin-map-fill"></bs-icon>
+                <i>Gps update</i>
             </div>
         </div>
     </div>

diff --git a/src/app/pages/hike/highlights-chain/section-highlight/section-highlight.component.html b/src/app/pages/hike/highlights-chain/section-highlight/section-highlight.component.html
@@ -14,12 +14,12 @@ <h2 class="title">{{ highlight.title }}</h2>
                 </div>
                 <div class="attribute" *ngIf="highlight.firstEntered">
                     <bs-icon class="bs-icon" name="box-arrow-in-right" iconColor="primary-700"></bs-icon>
-                    <i>{{ highlight.firstEntered | date: 'dd-MM-yyyy' }}</i>
+                    <i>{{ highlight.firstEntered | date : 'dd-MM-yyyy' }}</i>
                 </div>
             </div>
         </div>
         <div class="icon-container">
-            <icon name="icon-dots" class="icon" iconColor="primary-500"></icon>
+            <icon name="wilderness-trees" class="icon" iconColor="primary-400"></icon>
         </div>
     </div>
 </div>
diff --git a/src/app/pages/hike/highlights-chain/section-highlight/section-highlight.component.scss b/src/app/pages/hike/highlights-chain/section-highlight/section-highlight.component.scss
@@ -88,7 +88,7 @@
                 min-height: 80px;
                 width: 80px;
                 height: 80px;
-                padding: $padding;
+                padding: $paddingSm;
                 margin-left: auto;
                 margin-right: auto;
 

diff --git a/src/assets/icons/bootstrap/pin-map-fill.svg b/src/assets/icons/bootstrap/pin-map-fill.svg
diff --git a/src/assets/icons/wilderness-trees.svg b/src/assets/icons/wilderness-trees.svg