From b8f074e6ac8933618eb150053a5a63f33846c623 Mon Sep 17 00:00:00 2001 From: Andrew Anderson Date: Fri, 12 Jul 2024 12:09:30 -0700 Subject: [PATCH 01/13] WIP --- .../timeseries-results-menu.component.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss b/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss index daadc9fa0..c436b94ba 100644 --- a/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss +++ b/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.scss @@ -11,8 +11,7 @@ .ts-chart-card { box-shadow: none; height: 100%; - width: 100%; - flex: 1 1 100%; + flex: 1 1 auto; box-sizing: border-box; } @@ -61,8 +60,7 @@ } .ts-layer-list { - flex-basis: 500px; - flex-grow: 0; + flex: 1 1 500px; } .ts-layer-list-header { From 94574b2f31424ad82ad47ce06a7c29a6013905b7 Mon Sep 17 00:00:00 2001 From: Andrew Anderson Date: Mon, 15 Jul 2024 15:56:04 -0700 Subject: [PATCH 02/13] A good first draft A better starting place for an alternate Search Type menu. --- .../search-type-selector.component.html | 164 +++++++++--------- .../search-type-selector.component.scss | 16 ++ .../search-type-selector.component.ts | 7 - 3 files changed, 97 insertions(+), 90 deletions(-) diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html index 8fafe448a..6f8cc9400 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html @@ -20,25 +20,71 @@
- - -
+ +
-
- -
- - - - - -
- - - @@ -132,8 +135,8 @@
- - @for(type of searchTypeSelectors.search; track type.nameKey; let last = $last) { + + @for(type of searchTypeSelectors.tools; track type.nameKey; let last = $last) { } - - - @for(type of searchTypeSelectors.tools; track type.nameKey; let last = $last) { - +
+ - @if(!last) { -
- }
- } + - \ No newline at end of file + diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss index 46b44a4e0..7d720d392 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss @@ -20,6 +20,11 @@ padding: 0; } +.category-hr { + padding: 0; + border-top: 2px solid; +} + .mat-mdc-menu-item { padding: 0; } @@ -28,10 +33,21 @@ display: flex; } +.menu-item-inner { + min-width: 580px; +} + +.menu-item-content { + min-width: 450px; +} + .item-title { font-weight: bold; } +.item-content { +} + .mat-mdc-card-actions { padding: 0; margin: 0; diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts index 2629d4c71..2996fa76e 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.ts @@ -102,13 +102,6 @@ export class SearchTypeSelectorComponent implements OnInit, OnDestroy { helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#sbas-search-options', icon:'assets/icons/sbas-chart.jpg', iconType: models.IconType.IMAGE, - }, { - searchType: models.SearchType.SARVIEWS_EVENTS, - nameKey:'EVENT', - descriptionKeys:['EVENT_SEARCH_HARNESSES_THE_CAPABILITIES_OF_SAR_PROCESSING_TO_MONITOR_NATURAL_DISASTERS'], - helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#event-search-options', - icon:'volcano', - iconType: models.IconType.MATERIAL, } ]}; From 756054b5f4e700e9fca673b3412e034d3a8327fc Mon Sep 17 00:00:00 2001 From: Andrew Anderson Date: Mon, 15 Jul 2024 16:18:30 -0700 Subject: [PATCH 03/13] Alignment tweaks needed when seen on the server --- .../search-type-selector.component.html | 6 +++--- .../search-type-selector.component.scss | 6 +++++- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html index 6f8cc9400..f5e23f765 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html @@ -62,10 +62,10 @@ - @if(!last) { -
- }
+ @if(!last) { +
+ } }
diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss index 7d720d392..27dadad3b 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss @@ -34,13 +34,17 @@ } .menu-item-inner { - min-width: 580px; + width: calc(100% - 20px); } .menu-item-content { min-width: 450px; } +.menu-item-aside { + min-width: 130px; +} + .item-title { font-weight: bold; } From 937a53fee5b339ee13ceeea496648691ece4512c Mon Sep 17 00:00:00 2001 From: Andrew Anderson Date: Mon, 15 Jul 2024 16:34:27 -0700 Subject: [PATCH 04/13] Tweak - differences between local and real host --- .../search-type-selector/search-type-selector.component.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss index 27dadad3b..0634fb53e 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.scss @@ -34,7 +34,7 @@ } .menu-item-inner { - width: calc(100% - 20px); + width: calc(100% - 20px) !important; } .menu-item-content { @@ -42,7 +42,7 @@ } .menu-item-aside { - min-width: 130px; + //min-width: 130px; } .item-title { From 00f821466e85bc48372c98f982b7b4c21115d597 Mon Sep 17 00:00:00 2001 From: Andrew Anderson Date: Thu, 18 Jul 2024 16:45:40 -0700 Subject: [PATCH 05/13] WIP --- .../docs-modal/docs-modal.component.html | 2 +- .../docs-modal/docs-modal.component.scss | 5 +++ .../shared/docs-modal/docs-modal.component.ts | 2 +- .../search-type-selector.component.html | 34 +++++++++---------- .../search-type-selector.component.scss | 15 ++++++-- .../search-type-selector.component.ts | 34 ++++++++++++++++++- src/index.html | 1 + src/styles.scss | 12 +++++++ src/styles/deluxe-menu-2.scss | 2 -- 9 files changed, 81 insertions(+), 26 deletions(-) diff --git a/src/app/components/shared/docs-modal/docs-modal.component.html b/src/app/components/shared/docs-modal/docs-modal.component.html index 6b879f39a..24770f6ab 100644 --- a/src/app/components/shared/docs-modal/docs-modal.component.html +++ b/src/app/components/shared/docs-modal/docs-modal.component.html @@ -5,6 +5,6 @@ - {{ icon }} + {{ icon }} diff --git a/src/app/components/shared/docs-modal/docs-modal.component.scss b/src/app/components/shared/docs-modal/docs-modal.component.scss index fe6b85403..1db25789d 100644 --- a/src/app/components/shared/docs-modal/docs-modal.component.scss +++ b/src/app/components/shared/docs-modal/docs-modal.component.scss @@ -4,6 +4,11 @@ cursor: pointer; } +.icon-size { + height: 16px !important; + line-height: 16px !important; +} + .text-link { @include themify($themes) { color: themed('blue-link'); diff --git a/src/app/components/shared/docs-modal/docs-modal.component.ts b/src/app/components/shared/docs-modal/docs-modal.component.ts index c1b69618a..5b53f4821 100644 --- a/src/app/components/shared/docs-modal/docs-modal.component.ts +++ b/src/app/components/shared/docs-modal/docs-modal.component.ts @@ -38,7 +38,7 @@ export interface DialogData { export class DocsModalComponent implements OnInit, OnDestroy { @Input() url: string; @Input() text: string; - @Input() icon: string = 'info'; + @Input() icon: string = 'read_more'; @Input() tooltip: string; public docURL: string; public safeDocURL: any; diff --git a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html index f5e23f765..6a67d223c 100644 --- a/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html +++ b/src/app/components/shared/selectors/search-type-selector/search-type-selector.component.html @@ -22,7 +22,7 @@
- + @@ -30,7 +30,7 @@ - + @@ -41,21 +41,18 @@ @for(type of searchTypeSelectors.search; track type.nameKey; let last = $last) {