Radio Buttons Added

I'm not sure they are the perfect idea, but without the radio buttons, it looks weird with only a few numbers close to the left margin.
asfadmin · Jul 11, 2024 · bc78bd4 · bc78bd4
1 parent 4834696
commit bc78bd4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/...pp/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html b/...pp/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html
@@ -6,15 +6,15 @@
 		</mat-card-subtitle>
 
 		<div>
-			<mat-list>
+			<mat-radio-group>
 
 				@for (point of pointHistory; track $index) {
-					<mat-list-item>
+					<mat-radio-button>
 						{{point.flatCoordinates[0]}}, {{point.flatCoordinates[1]}}
-					</mat-list-item>
+					</mat-radio-button>
 				}
 
-				</mat-list>
+				</mat-radio-group>
 		</div>
 
 	</mat-card>

diff --git a/...pp/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss b/...pp/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss
@@ -58,15 +58,16 @@
 .timeseries-list-card {
 	box-shadow: none !important;
 	box-sizing: border-box;
+  width: 130px;
 }
 
 .timeseries-scene-list-header {
   justify-content: flex-start;
   align-items: center;
-  flex-basis: 140px;
+  flex-basis: 130px;
   flex-grow: 0;
   max-height: 30px;
-  max-width: 140px;
+  max-width: 130px;
 }
 
 .timeseries-metadata {

diff --git a/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.module.ts b/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.module.ts
@@ -14,6 +14,7 @@ import { ScenesListHeaderModule } from '../scenes-list-header';
 import { SceneMetadataModule } from '@components/shared/scene-metadata';
 import { TimeseriesChartModule } from '@components/timeseries-chart/timeseries-chart.module';
 import { ResizableModule } from 'angular-resizable-element';
+import {MatRadioButton, MatRadioGroup} from '@angular/material/radio';
 
 
 @NgModule({
@@ -28,11 +29,13 @@ import { ResizableModule } from 'angular-resizable-element';
     MatButtonToggleModule,
     FontAwesomeModule,
     SharedModule,
-	ScenesListModule,
-	ScenesListHeaderModule,
-	SceneMetadataModule,
-	TimeseriesChartModule,
+    ScenesListModule,
+    ScenesListHeaderModule,
+    SceneMetadataModule,
+    TimeseriesChartModule,
     ResizableModule,
+    MatRadioGroup,
+    MatRadioButton,
   ],
   exports: [
     TimeseriesResultsMenuComponent