diff --git a/src/app/components/filters-dropdown/filters-dropdown.component.html b/src/app/components/filters-dropdown/filters-dropdown.component.html index e7b0df435..45fb71ca7 100644 --- a/src/app/components/filters-dropdown/filters-dropdown.component.html +++ b/src/app/components/filters-dropdown/filters-dropdown.component.html @@ -34,8 +34,8 @@ {{ 'EVENT_SEARCH' | translate }} - @if(selectedSearchType === searchTypes.TIMESERIES) { - {{ 'TIMESERIES_SEARCH' | translate }} + @if(selectedSearchType === searchTypes.DISPLACEMENT) { + {{ 'DISPLACEMENT_SEARCH' | translate }} } @@ -66,7 +66,7 @@ - @if(selectedSearchType === searchTypes.TIMESERIES) { + @if(selectedSearchType === searchTypes.DISPLACEMENT) { } diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html index a2d89a2e6..de31a757c 100644 --- a/src/app/components/header/header.component.html +++ b/src/app/components/header/header.component.html @@ -13,7 +13,7 @@ - + diff --git a/src/app/components/map/map-controls/map-controls.component.html b/src/app/components/map/map-controls/map-controls.component.html index 2436efd18..3a2396e02 100644 --- a/src/app/components/map/map-controls/map-controls.component.html +++ b/src/app/components/map/map-controls/map-controls.component.html @@ -49,7 +49,7 @@ -
+
diff --git a/src/app/components/results-menu/results-menu.component.html b/src/app/components/results-menu/results-menu.component.html index da8b7b672..0eedc6fef 100644 --- a/src/app/components/results-menu/results-menu.component.html +++ b/src/app/components/results-menu/results-menu.component.html @@ -39,13 +39,13 @@ searchType !== SearchTypes.BASELINE && searchType !== SearchTypes.SBAS && searchType !== SearchTypes.SARVIEWS_EVENTS && - searchType !== SearchTypes.TIMESERIES + searchType !== SearchTypes.DISPLACEMENT " [class.small-size]="breakpoint === breakpoints.SMALL" [resize$]="resize$"> - +
diff --git a/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html b/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html index 15db96bb2..3bd7b2db1 100644 --- a/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html +++ b/src/app/components/results-menu/timeseries-results-menu/timeseries-results-menu.component.html @@ -75,7 +75,7 @@
- {{ 'TIMESERIES FILTERS' | translate }}more_horiz + {{ 'DISPLACEMENT FILTERS' | translate }}more_horiz
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 f139c7dc7..37323cfaa 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,9 @@ } .ts-layer-list { - flex-basis: 650px; - flex-grow: 0; + flex: 1 1 500px; + //flex-basis: 650px; + //flex-grow: 0; } .ts-layer-list-header { @@ -268,4 +268,4 @@ label { } .ts-column-2 { margin: 25px; -} \ No newline at end of file +} diff --git a/src/app/components/shared/aoi-options/draw-selector/draw-selector.component.html b/src/app/components/shared/aoi-options/draw-selector/draw-selector.component.html index 29cfb3f37..c993de17a 100644 --- a/src/app/components/shared/aoi-options/draw-selector/draw-selector.component.html +++ b/src/app/components/shared/aoi-options/draw-selector/draw-selector.component.html @@ -28,7 +28,7 @@ place {{ 'PLACE_A_POINT' | translate }} - @if(searchType !== searchTypes.TIMESERIES) { + @if(searchType !== searchTypes.DISPLACEMENT) {
- -
\ 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..0e4d83a10 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 @@ -9,9 +9,12 @@ .menu-item-icon { @include themify($themes) { color: themed("dark-primary-text"); + font-size: 50px !important; + height: 50px !important; + width: 50px !important; } - @include md-icon-size(70px); + @include md-icon-size(50px); margin-right: 0; } @@ -20,6 +23,11 @@ padding: 0; } +.category-hr { + padding: 0; + border-top: 2px solid; +} + .mat-mdc-menu-item { padding: 0; } @@ -28,10 +36,26 @@ display: flex; } +.menu-item-inner { + width: calc(100% - 20px) !important; + margin: 5px 5px 15px 15px; +} + +.menu-item-content { + min-width: 400px; +} + +.menu-item-aside { + //min-width: 130px; +} + .item-title { font-weight: bold; } +.item-content { +} + .mat-mdc-card-actions { padding: 0; margin: 0; @@ -47,7 +71,7 @@ } .limitTextHeight { - height: 37px; + height: 55px; overflow: hidden; } @@ -182,7 +206,6 @@ } } - .login-prompt { font-style: italic; } @@ -190,3 +213,8 @@ .login-hidden { display: none; } + +.read-more-icon { + position: relative; + top: 3px; +} 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..2855b8bdf 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 @@ -53,27 +53,58 @@ export class SearchTypeSelectorComponent implements OnInit, OnDestroy { helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#geographic-search-options', icon:'travel_explore', iconType: models.IconType.MATERIAL, - }, { + }, + { searchType: models.SearchType.LIST, nameKey: 'LIST', descriptionKeys:['LIST_SEARCH_ALLOWS_YOU_TO_ENTER_OR_UPLOAD_A_LIST_OF_SCENE_OR_FILE_NAMES'], helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#list-search-options', icon: 'list', iconType: models.IconType.MATERIAL, - }, { - 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', + }, + { + searchType: models.SearchType.SBAS, + nameKey:'SBAS', + descriptionKeys:[ + 'SBAS_SEARCH_PROVIDES_PERPENDICULAR_AND_TEMPORAL_BASELINE_DATA_AS_WELL_AS_SCENE_PAIRS_FOR_A_CHOSEN', + 'REFERENCE_SCENE', + ], + helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#sbas-search-options', + icon:'assets/icons/sbas-chart.jpg', + iconType: models.IconType.IMAGE, + }, + { + searchType: models.SearchType.BASELINE, + nameKey:'BASELINE', + descriptionKeys:[ + 'BASELINE_SEARCH_PROVIDES_VISUALIZATION_OF_PERPENDICULAR_AND_TEMPORAL_BASELINE_DATA_FOR_A_CHOSEN', + ], + helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#baseline-search-options', + icon:'assets/icons/baseline-chart.jpg', + iconType: models.IconType.IMAGE, + }, + { + searchType: models.SearchType.DISPLACEMENT, + nameKey:'DISPLACEMENT', + descriptionKeys:['DISPLACEMENT_DESCRIPTION'], + helpUrl:'https://docs.asf.alaska.edu/vertex/manual/#baseline-search-options', + icon:'track_changes', iconType: models.IconType.MATERIAL, - } - ], + }, + { + 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, + }, + ], 'tools':[ { - searchType: models.SearchType.TIMESERIES, - nameKey:'TIMESERIES', + searchType: models.SearchType.DISPLACEMENT, + nameKey:'DISPLACEMENT', descriptionKeys:[ 'BASELINE_SEARCH_PROVIDES_VISUALIZATION_OF_PERPENDICULAR_AND_TEMPORAL_BASELINE_DATA_FOR_A_CHOSEN', 'REFERENCE_SCENE', @@ -102,13 +133,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, } ]}; diff --git a/src/app/components/timeseries-chart/timeseries-chart.component.ts b/src/app/components/timeseries-chart/timeseries-chart.component.ts index 2b4fb2049..d7ee20b6a 100644 --- a/src/app/components/timeseries-chart/timeseries-chart.component.ts +++ b/src/app/components/timeseries-chart/timeseries-chart.component.ts @@ -75,7 +75,7 @@ export class TimeseriesChartComponent implements OnInit { ...data.mean }) this.svg.selectChildren().remove(); - + this.drawChart(); } @@ -154,8 +154,9 @@ export class TimeseriesChartComponent implements OnInit { public updateAxis(_axis, _value) { } + public onResized() { - this.createSVG(); + // this.createSVG(); } private createSVG() { @@ -171,6 +172,7 @@ export class TimeseriesChartComponent implements OnInit { .append('g') .attr('transform', `translate(${this.margin.left}, ${this.margin.top})`); this.drawChart(); + } } diff --git a/src/app/components/timeseries-chart/timeseries-chart.module.ts b/src/app/components/timeseries-chart/timeseries-chart.module.ts index 31fbde5a2..3123de73d 100644 --- a/src/app/components/timeseries-chart/timeseries-chart.module.ts +++ b/src/app/components/timeseries-chart/timeseries-chart.module.ts @@ -7,17 +7,19 @@ import { TranslateModule } from "@ngx-translate/core"; import { TimeseriesChartComponent } from './timeseries-chart.component'; import { MatIconModule } from '@angular/material/icon'; import { MatTableModule } from '@angular/material/table'; +import {ResizedEventModule} from '@directives/resized.directive'; @NgModule({ declarations: [TimeseriesChartComponent], - imports: [ - CommonModule, - MatSharedModule, - TranslateModule, - MatTableModule, - MatIconModule - ], + imports: [ + CommonModule, + MatSharedModule, + TranslateModule, + MatTableModule, + MatIconModule, + ResizedEventModule + ], exports: [ TimeseriesChartComponent, ] diff --git a/src/app/models/search-type.model.ts b/src/app/models/search-type.model.ts index c8d3906eb..80b171afd 100644 --- a/src/app/models/search-type.model.ts +++ b/src/app/models/search-type.model.ts @@ -4,7 +4,7 @@ export enum SearchType { BASELINE = 'Baseline Search', SBAS = 'SBAS Search', CUSTOM_PRODUCTS = 'On Demand', - TIMESERIES = 'TIMESERIES', + DISPLACEMENT = 'DISPLACEMENT', SARVIEWS_EVENTS = 'Event Search', DERIVED_DATASETS = 'Derived Datasets', } @@ -13,7 +13,7 @@ export const SearchTypeTranslation = { 'Geographic Search' : 'GEOGRAPHIC_SEARCH', 'List Search' : 'LIST_SEARCH', 'Baseline Search' : 'BASELINE_SEARCH', - 'Timeseries Tool' : 'TIMESERIES_TOOL', + 'Timeseries Tool' : 'DISPLACEMENT_TOOL', 'SBAS Search' : 'SBAS_SEARCH', 'On Demand' : 'ON_DEMAND', 'Event Search' : 'EVENT_SEARCH', diff --git a/src/app/services/search-params.service.ts b/src/app/services/search-params.service.ts index 234c664e6..04e93a9bb 100644 --- a/src/app/services/search-params.service.ts +++ b/src/app/services/search-params.service.ts @@ -263,7 +263,7 @@ export class SearchParamsService { case models.SearchType.CUSTOM_PRODUCTS: { return listParam; } - case models.SearchType.TIMESERIES: { + case models.SearchType.DISPLACEMENT: { return timeseriesParams; } default: { diff --git a/src/app/store/scenes/scenes.action.ts b/src/app/store/scenes/scenes.action.ts index dedb50ce6..4fdca0b18 100644 --- a/src/app/store/scenes/scenes.action.ts +++ b/src/app/store/scenes/scenes.action.ts @@ -8,7 +8,7 @@ export enum ScenesActionType { CLEAR = '[Granules] Clear Scenes', SET_SARVIEWS_EVENTS = '[SARViews] Set SARViews Events', SET_SARVIEWS_EVENT_PRODUCTS = '[SARViews] Set Selected SARViews Event Products', - SET_TIMESERIES_PRODUCTS = '[Timeseries] Set Selected Timeseries Products', + SET_DISPLACEMENT_PRODUCTS = '[Timeseries] Set Selected Timeseries Products', SET_IMAGE_BROWSE_PRODUCTS = '[Products-Browse] Set product browse image view', diff --git a/src/app/store/search/search.action.ts b/src/app/store/search/search.action.ts index 32e9ba8b8..3a18f1946 100644 --- a/src/app/store/search/search.action.ts +++ b/src/app/store/search/search.action.ts @@ -23,7 +23,7 @@ export enum SearchActionType { LOAD_ON_DEMAND_SCENES_LIST = '[Search] Load on Demand Scenes List', SARVIEWS_SEARCH_RESPONSE = '[Search] SARViews Search Response', - TIMESERIES_SEARCH_RESPONSE = '[Search] Timeseries Search Response', + DISPLACEMENT_SEARCH_RESPONSE = '[Search] Timeseries Search Response', MAKE_EVENT_PRODUCT_CMR_SEARCH = '[Search] Make a search for CMR Products with SARVIEWS Products', EVENT_PRODUCT_CMR_RESPONSE = '[Search] Event Monitoring CMR Search Response', SET_SEARCH_OUT_OF_DATE = '[Search] Set if Search is Out of Date' @@ -76,7 +76,7 @@ export class SarviewsEventsResponse implements Action { } export class TimeseriesSearchResponse implements Action { - public readonly type = SearchActionType.TIMESERIES_SEARCH_RESPONSE; + public readonly type = SearchActionType.DISPLACEMENT_SEARCH_RESPONSE; constructor(public payload: any) {} } diff --git a/src/app/store/search/search.effect.ts b/src/app/store/search/search.effect.ts index 40f1ca796..57cfcef65 100644 --- a/src/app/store/search/search.effect.ts +++ b/src/app/store/search/search.effect.ts @@ -106,7 +106,7 @@ export class SearchEffects { if (searchType === SearchType.CUSTOM_PRODUCTS) { return this.customProductsQuery$(); } - if (searchType === SearchType.TIMESERIES) { + if (searchType === SearchType.DISPLACEMENT) { return this.timeseriesQuery$(); } @@ -229,9 +229,9 @@ export class SearchEffects { public timeseriesSearchResponse = createEffect(() => this.actions$.pipe( - ofType(SearchActionType.TIMESERIES_SEARCH_RESPONSE), + ofType(SearchActionType.DISPLACEMENT_SEARCH_RESPONSE), withLatestFrom(this.store$.select(getSearchType)), - filter(([_, searchType]) => searchType === SearchType.TIMESERIES), + filter(([_, searchType]) => searchType === SearchType.DISPLACEMENT), switchMap(([action, _]) => { return [ new scenesStore.SetScenes({ @@ -296,18 +296,18 @@ export class SearchEffects { )); public showTimeseriesResultsMenuOnSearchResponse = createEffect(() => this.actions$.pipe( - ofType(SearchActionType.TIMESERIES_SEARCH_RESPONSE), + ofType(SearchActionType.DISPLACEMENT_SEARCH_RESPONSE), map(_ => new uiStore.OpenResultsMenu()), )); public setMapInteractionModeBasedOnSearchType = createEffect(() => this.actions$.pipe( ofType(SearchActionType.SET_SEARCH_TYPE_AFTER_SAVE), - filter(action => action.payload === models.SearchType.DATASET || action.payload === models.SearchType.TIMESERIES), + filter(action => action.payload === models.SearchType.DATASET || action.payload === models.SearchType.DISPLACEMENT), switchMap((action) => { let output : any[] = [ new mapStore.SetMapInteractionMode(models.MapInteractionModeType.DRAW) ]; - if (action.payload === models.SearchType.TIMESERIES) { + if (action.payload === models.SearchType.DISPLACEMENT) { output.push(new mapStore.SetMapDrawMode(models.MapDrawModeType.POINT)) } return output; diff --git a/src/app/store/search/search.reducer.ts b/src/app/store/search/search.reducer.ts index 97f9902c0..09cd3b399 100644 --- a/src/app/store/search/search.reducer.ts +++ b/src/app/store/search/search.reducer.ts @@ -89,7 +89,7 @@ export function searchReducer(state = initState, action: SearchActions): SearchS }; } - case SearchActionType.TIMESERIES_SEARCH_RESPONSE: { + case SearchActionType.DISPLACEMENT_SEARCH_RESPONSE: { return { ...state, totalResults: 1, diff --git a/src/app/store/user/user.effect.ts b/src/app/store/user/user.effect.ts index 5b478c82a..1b328cb41 100644 --- a/src/app/store/user/user.effect.ts +++ b/src/app/store/user/user.effect.ts @@ -236,7 +236,7 @@ export class UserEffects { case SearchType.SBAS: actions = this.setSBASFilters(targetFilter.filters as SbasFiltersType); break; - case SearchType.TIMESERIES: + case SearchType.DISPLACEMENT: actions = this.setTimeseriesFilters(targetFilter.filters as TimeseriesFiltersType); default: break; diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json index c725c795a..0e9696c8f 100644 --- a/src/assets/i18n/en.json +++ b/src/assets/i18n/en.json @@ -216,6 +216,8 @@ "DEVELOPER": "Developer", "DIRECTION": "Direction", "DISABLE": "Disable", + "DISPLACEMENT": "Displacement", + "DISPLACEMENT_DESCRIPTION": "Some nice description for Displacement goes here. Blah, blah, blah, and more blah, blah blah to occupy space.", "DISPLAYED_IF_YOU_WISH_TO_UNDO_THIS_ACTION": "displayed if you wish to undo this action.", "DISPLAYED_IN_THE_SEARCH_MENU_AT_THE_TOP_YOU_CAN_ACCESS_ALL_OF_THE_HIDDEN_FILTERS_BY": "displayed in the search menu at the top. You can access all of the hidden filters by", "DONE": "Done", @@ -623,6 +625,7 @@ "REMOVE_JOB": "Remove job", "REMOVE_RED_EYE": "remove_red_eye", "REMOVE_SCENE_FILES_FROM_DOWNLOADS": "Remove scene files from downloads", + "REQUEUE_PROJECT": "Add Project to Queue", "RESAMPLED_DEM_SRTM_OR_NED_USED_FOR_RTC_PROCESSING": "Resampled DEM (SRTM or NED) used for RTC processing.", "RESET_TO_DEFAULT": "Reset to Default", "RESTORE": "Restore", @@ -630,7 +633,6 @@ "RESTRICTED_DATA_USE_AGREEMENT": "Restricted Data Use Agreement", "RESUBMIT_JOB": "Resubmit Job", "RESUBMIT_PROJECT": "Resubmit Project", - "REQUEUE_PROJECT": "Add Project to Queue", "RESULTS_TO_ON_DEMAND_QUEUE": "results to On Demand queue", "RESULTS_WILL_NOW_CONTAIN_ONLY_SCENES_WITH_THE_SAME_PATH_AND_FRAME": "results will now contain only scenes with the same path and frame.", "REVIEW": "Review", @@ -915,4 +917,4 @@ "ZOOM_TO_FIT": "Zoom To Fit", "ZOOM_TO_RESULTS": "Zoom to results", "ZOOM_TO_SCENE": "Zoom to scene" -} +} \ No newline at end of file diff --git a/src/assets/i18n/es.json b/src/assets/i18n/es.json index 3657e59de..41e26b58f 100644 --- a/src/assets/i18n/es.json +++ b/src/assets/i18n/es.json @@ -219,6 +219,8 @@ "DEVELOPER": "Desarrollador", "DIRECTION": "Dirección", "DISABLE": "Desactivar", + "DISPLACEMENT": "Desplazamiento", + "DISPLACEMENT_DESCRIPTION": "Una buena descripción de Desplazamiento va aquí. Bla, bla, bla, y más bla, bla bla para ocupar espacio.", "DISPLAYED_IF_YOU_WISH_TO_UNDO_THIS_ACTION": "aparecerá si desea deshacer esta acción.", "DISPLAYED_IN_THE_SEARCH_MENU_AT_THE_TOP_YOU_CAN_ACCESS_ALL_OF_THE_HIDDEN_FILTERS_BY": "que se muestra en el menú de búsqueda en la parte superior. ", "DONE": "Hecho", @@ -625,6 +627,7 @@ "REMOVE_JOB": "Quitar trabajo", "REMOVE_RED_EYE": "quitar_ojo_rojo", "REMOVE_SCENE_FILES_FROM_DOWNLOADS": "Eliminar archivos de escena de las descargas", + "REQUEUE_PROJECT": "Agregar proyecto a la lista", "RESAMPLED_DEM_SRTM_OR_NED_USED_FOR_RTC_PROCESSING": "DEM remuestreado (SRTM o NED) utilizado para el procesamiento de RTC.", "RESET_TO_DEFAULT": "Restablecen a los predeterminados", "RESTORE": "Restaurar", @@ -632,7 +635,6 @@ "RESTRICTED_DATA_USE_AGREEMENT": "Acuerdo de Uso de Datos Restringidos", "RESUBMIT_JOB": "Reenviar trabajo...", "RESUBMIT_PROJECT": "Reenviar Proyecto", - "REQUEUE_PROJECT": "Agregar proyecto a la cola", "RESULTS_TO_ON_DEMAND_QUEUE": "resultados a la lista On Demand", "RESULTS_WILL_NOW_CONTAIN_ONLY_SCENES_WITH_THE_SAME_PATH_AND_FRAME": "los resultados ahora contendrán solo escenas con la misma ruta y marco.", "REVIEW": "Revisar", @@ -915,4 +917,4 @@ "ZOOM_TO_FIT": "Acercar para ajustar", "ZOOM_TO_RESULTS": "Acercar a los resultados", "ZOOM_TO_SCENE": "Acercar a la escena" -} +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index 4767472ed..84eed27cd 100644 --- a/src/index.html +++ b/src/index.html @@ -28,6 +28,7 @@ + diff --git a/src/styles.scss b/src/styles.scss index 5a38983b9..de432cbba 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -781,6 +781,18 @@ $d-height: 550px; max-width: 25%; } +.fx-80 { + flex: 1 1 100%; + box-sizing: border-box; + max-width: 80%; +} + +.fx-20 { + flex: 1 1 100%; + box-sizing: border-box; + max-width: 20%; +} + .fx-row-center { flex-direction: row; box-sizing: border-box; diff --git a/src/styles/deluxe-menu-2.scss b/src/styles/deluxe-menu-2.scss index ba15285e7..deea2ceab 100644 --- a/src/styles/deluxe-menu-2.scss +++ b/src/styles/deluxe-menu-2.scss @@ -205,8 +205,6 @@ $light-grey: rgb(0 0 0 / 60%); } padding-top: 22px; font-size: 12px; - - } .hyp3-icon {