From fb57a9b278079adc8468dd296be001f3f76b7149 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Sun, 5 Jul 2020 20:09:50 +0530 Subject: [PATCH 01/45] Migrated PracticeTabComponent --- ...ctive.html => practice-tab.component.html} | 10 ++- .../practice-tab/practice-tab.component.ts | 78 +++++++++++++++++ .../practice-tab/practice-tab.directive.ts | 83 ------------------- .../topic-viewer-page.component.html | 4 +- .../topic-viewer-page.module.ts | 7 +- 5 files changed, 91 insertions(+), 91 deletions(-) rename core/templates/pages/topic-viewer-page/practice-tab/{practice-tab.directive.html => practice-tab.component.html} (81%) create mode 100644 core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts delete mode 100644 core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.ts diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html similarity index 81% rename from core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.html rename to core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index c3dc10892543..b180a7e37cb6 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -1,16 +1,18 @@

+

+ - - <[subtopic.getTitle()]> + + {{ subtopic.getTitle() }} - diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts new file mode 100644 index 000000000000..1ee0e9e71b33 --- /dev/null +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -0,0 +1,78 @@ +// Copyright 2018 The Oppia Authors. All Rights Reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS-IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +/** + * @fileoverview Component for the stories list. + */ + +import { Component, Input, OnInit } from '@angular/core'; +import { downgradeComponent } from '@angular/upgrade/static'; + +import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; +import { UrlInterpolationService } from + 'domain/utilities/url-interpolation.service'; +import { PracticeSessionPageConstants} from + 'pages/practice-session-page/practice-session-page.constants.ts'; + +@Component({ + selector: 'practice-tab', + templateUrl: './practice-tab.component.html', + styleUrls: [] +}) +export class PracticeTabComponent implements OnInit { + selectedSubtopics: Array = []; + availableSubtopics: Array = []; + selectedSubtopicIndices: Array = []; + @Input() topicName: string; + @Input() subtopicsList: Array; + constructor( + private urlInterpolationService: UrlInterpolationService + ) {} + ngOnInit(): void { + this.selectedSubtopics = []; + this.availableSubtopics = this.subtopicsList.filter( + (subtopic: Subtopic) => { + return subtopic.getSkillSummaries().length > 0; + } + ); + this.selectedSubtopicIndices = Array( + this.availableSubtopics.length).fill(false); + } + isStartButtonDisabled(): boolean { + for (var idx in this.selectedSubtopicIndices) { + if (this.selectedSubtopicIndices[idx]) { + return false; + } + } + return true; + } + openNewPracticeSession(): void { + var selectedSubtopicIds = []; + for (var idx in this.selectedSubtopicIndices) { + if (this.selectedSubtopicIndices[idx]) { + selectedSubtopicIds.push( + this.availableSubtopics[idx].getId()); + } + } + var practiceSessionsUrl = this.urlInterpolationService.interpolateUrl( + PracticeSessionPageConstants.PRACTICE_SESSIONS_URL, { + topic_name: this.topicName, + comma_separated_subtopic_ids: selectedSubtopicIds.join(',') + }); + window.location.href = practiceSessionsUrl; + } +} +angular.module('oppia').directive( + 'practiceTab', downgradeComponent( + {component: PracticeTabComponent})); diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.ts deleted file mode 100644 index 2d88f3d81924..000000000000 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.directive.ts +++ /dev/null @@ -1,83 +0,0 @@ -// Copyright 2018 The Oppia Authors. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS-IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -/** - * @fileoverview Directive for the stories list. - */ - -require('pages/practice-session-page/practice-session-page.constants.ajs.ts'); -require('domain/utilities/url-interpolation.service.ts'); -require('services/contextual/window-dimensions.service.ts'); - -angular.module('oppia').directive('practiceTab', [ - '$window', 'UrlInterpolationService', - 'PRACTICE_SESSIONS_URL', - function( - $window, UrlInterpolationService, - PRACTICE_SESSIONS_URL) { - return { - restrict: 'E', - scope: {}, - bindToController: { - getTopicName: '&topicName', - getSubtopicsList: '&subtopicsList' - }, - templateUrl: UrlInterpolationService.getDirectiveTemplateUrl( - '/pages/topic-viewer-page/practice-tab/practice-tab.directive.html'), - controllerAs: '$ctrl', - controller: [ - '$scope', - function( - $scope) { - var ctrl = this; - - ctrl.openNewPracticeSession = function() { - var selectedSubtopicIds = []; - for (var idx in ctrl.selectedSubtopicIndices) { - if (ctrl.selectedSubtopicIndices[idx]) { - selectedSubtopicIds.push( - ctrl.availableSubtopics[idx].getId()); - } - } - var practiceSessionsUrl = UrlInterpolationService.interpolateUrl( - PRACTICE_SESSIONS_URL, { - topic_name: ctrl.getTopicName(), - comma_separated_subtopic_ids: selectedSubtopicIds.join(',') - }); - $window.location.href = practiceSessionsUrl; - }; - - ctrl.isStartButtonDisabled = function() { - for (var idx in ctrl.selectedSubtopicIndices) { - if (ctrl.selectedSubtopicIndices[idx]) { - return false; - } - } - return true; - }; - - ctrl.$onInit = function() { - ctrl.selectedSubtopics = []; - ctrl.availableSubtopics = ctrl.getSubtopicsList().filter( - function(subtopic) { - return subtopic.getSkillSummaries().length > 0; - } - ); - ctrl.selectedSubtopicIndices = Array( - ctrl.availableSubtopics.length).fill(false); - }; - } - ] - }; - }]); diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html index 41292213a26c..5eceb982e746 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html @@ -51,8 +51,8 @@
- +
diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index d8280bb6055f..836ab92472fe 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -44,6 +44,9 @@ import { ObjectsDomainConstants } from import { TopicViewerDomainConstants } from 'domain/topic_viewer/topic-viewer-domain.constants'; +import { PracticeTabComponent } from './practice-tab/practice-tab.component'; + + @NgModule({ imports: [ BrowserModule, @@ -51,10 +54,10 @@ import { TopicViewerDomainConstants } from SharedComponentsModule ], declarations: [ - OppiaAngularRootComponent + OppiaAngularRootComponent, PracticeTabComponent ], entryComponents: [ - OppiaAngularRootComponent + OppiaAngularRootComponent, PracticeTabComponent ], providers: [ AppConstants, From 7a0c88cfcc607c57bbcdb56cbe98a2931d15d28d Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Sun, 5 Jul 2020 20:17:26 +0530 Subject: [PATCH 02/45] Fixed references --- .../pages/topic-viewer-page/topic-viewer-page.component.ts | 2 +- scripts/check_frontend_coverage.py | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts index 0483bbea2251..f285b3910f31 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts @@ -26,7 +26,7 @@ require( 'pages/topic-viewer-page/stories-list/' + 'topic-viewer-stories-list.directive.ts'); require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); -require('pages/topic-viewer-page/practice-tab/practice-tab.directive.ts'); +require('pages/topic-viewer-page/practice-tab/practice-tab.component.ts'); require('domain/topic_viewer/topic-viewer-backend-api.service.ts'); require('services/alerts.service.ts'); require('services/page-title.service.ts'); diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index c1cb515f5bf0..14067807e3fe 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -309,7 +309,7 @@ 'playthrough-issues.directive.ts', 'Polyfills.ts', 'post-publish-modal.controller.ts', - 'practice-tab.directive.ts', + 'practice-tab.component.ts', 'pretest-question-backend-api.service.ts', 'preview-tab.directive.ts', 'profile-link-image.directive.ts', From 316e7cbbc5538522661da99288e33dafd7acec42 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Sun, 5 Jul 2020 21:00:52 +0530 Subject: [PATCH 03/45] Migrated TopicViewerNavbarBreadcrumb --- ...ic-viewer-navbar-breadcrumb.directive.html | 6 --- ...opic-viewer-navbar-breadcrumb.directive.ts | 50 ------------------- .../topic-viewer-page.module.ts | 8 ++- .../topic-viewer-page.scripts.ts | 2 +- scripts/check_frontend_coverage.py | 2 +- 5 files changed, 8 insertions(+), 60 deletions(-) delete mode 100644 core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.html delete mode 100644 core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.ts diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.html b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.html deleted file mode 100644 index d89036436edb..000000000000 --- a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.html +++ /dev/null @@ -1,6 +0,0 @@ -
- - - <[topicName]> - -
diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.ts b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.ts deleted file mode 100644 index 924665bce504..000000000000 --- a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.directive.ts +++ /dev/null @@ -1,50 +0,0 @@ -// Copyright 2018 The Oppia Authors. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS-IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -/** - * @fileoverview Directive for the navbar breadcrumb of the topic viewer. - */ - -require('domain/utilities/url-interpolation.service.ts'); -require('services/contextual/url.service.ts'); - -angular.module('oppia').directive('topicViewerNavbarBreadcrumb', [ - 'UrlInterpolationService', function(UrlInterpolationService) { - return { - restrict: 'E', - scope: {}, - templateUrl: UrlInterpolationService.getDirectiveTemplateUrl( - '/pages/topic-viewer-page/navbar-breadcrumb/' + - 'topic-viewer-navbar-breadcrumb.directive.html'), - controller: [ - '$scope', '$rootScope', 'TopicViewerBackendApiService', - 'UrlService', - function( - $scope, $rootScope, TopicViewerBackendApiService, - UrlService) { - var ctrl = this; - ctrl.$onInit = function() { - TopicViewerBackendApiService.fetchTopicData( - UrlService.getTopicNameFromLearnerUrl()).then( - function(readOnlyTopic) { - $scope.topicName = readOnlyTopic.getTopicName(); - // TODO(#8521): Remove the use of $rootScope.$apply() - // once the controller is migrated to angular. - $rootScope.$apply(); - }); - }; - } - ] - }; - }]); diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index 836ab92472fe..3c229cdd5cbf 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -44,6 +44,8 @@ import { ObjectsDomainConstants } from import { TopicViewerDomainConstants } from 'domain/topic_viewer/topic-viewer-domain.constants'; +import { TopicViewerNavbarBreadcrumbComponent } from + './navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; import { PracticeTabComponent } from './practice-tab/practice-tab.component'; @@ -54,10 +56,12 @@ import { PracticeTabComponent } from './practice-tab/practice-tab.component'; SharedComponentsModule ], declarations: [ - OppiaAngularRootComponent, PracticeTabComponent + OppiaAngularRootComponent, PracticeTabComponent, + TopicViewerNavbarBreadcrumbComponent ], entryComponents: [ - OppiaAngularRootComponent, PracticeTabComponent + OppiaAngularRootComponent, PracticeTabComponent, + TopicViewerNavbarBreadcrumbComponent ], providers: [ AppConstants, diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.scripts.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.scripts.ts index 7ffad1b72ff3..2668af143f57 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.scripts.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.scripts.ts @@ -24,5 +24,5 @@ require('base-components/oppia-root.directive.ts'); require( 'pages/topic-viewer-page/navbar-breadcrumb/' + - 'topic-viewer-navbar-breadcrumb.directive.ts'); + 'topic-viewer-navbar-breadcrumb.component.ts'); require('pages/topic-viewer-page/topic-viewer-page.component.ts'); diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index 14067807e3fe..c943766f7684 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -457,7 +457,7 @@ 'topic-questions-tab.directive.ts', 'topic-selector.directive.ts', 'topic-summary-tile.directive.ts', - 'topic-viewer-navbar-breadcrumb.directive.ts', + 'topic-viewer-navbar-breadcrumb.component.ts', 'topic-viewer-stories-list.directive.ts', 'TopicObjectFactory.ts', 'topics-and-skills-dashboard-backend-api.service.ts', From 91d7b6b4b46cfb8e9ef04498409d329a1c694088 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Sun, 5 Jul 2020 21:01:13 +0530 Subject: [PATCH 04/45] Added untracked files --- ...ic-viewer-navbar-breadcrumb.component.html | 6 +++ ...opic-viewer-navbar-breadcrumb.component.ts | 49 +++++++++++++++++++ 2 files changed, 55 insertions(+) create mode 100644 core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html create mode 100644 core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html new file mode 100644 index 000000000000..68c9fe31ca61 --- /dev/null +++ b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html @@ -0,0 +1,6 @@ +
+ + + {{ topicName }} + +
diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts new file mode 100644 index 000000000000..15439bf9fdfb --- /dev/null +++ b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts @@ -0,0 +1,49 @@ +// Copyright 2018 The Oppia Authors. All Rights Reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS-IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +/** + * @fileoverview Directive for the navbar breadcrumb of the topic viewer. + */ + +import { Component, Input, OnInit } from '@angular/core'; +import { downgradeComponent } from '@angular/upgrade/static'; + +import { TopicViewerBackendApiService } from + 'domain/topic_viewer/topic-viewer-backend-api.service'; +import { UrlService } from 'services/contextual/url.service'; +import { ReadOnlyTopic } from + 'domain/topic_viewer/read-only-topic-object.factory'; + +@Component({ + selector: 'topic-viewer-navbar-breadcrumb', + templateUrl: './topic-viewer-navbar-breadcrumb.component.html', + styleUrls: [] +}) +export class TopicViewerNavbarBreadcrumbComponent implements OnInit { + topicName: string = ''; + constructor( + private topicViewerBackendApiService: TopicViewerBackendApiService, + private urlService: UrlService + ) {} + ngOnInit(): void { + this.topicViewerBackendApiService.fetchTopicData( + this.urlService.getTopicNameFromLearnerUrl()).then( + (readOnlyTopic: ReadOnlyTopic) => { + this.topicName = readOnlyTopic.getTopicName(); + }); + } +} +angular.module('oppia').directive( + 'topicViewerNavbarBreadcrumb', downgradeComponent( + {component: TopicViewerNavbarBreadcrumbComponent})); From 410d43b0677809079cb8879796ccf11506b0a5f1 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Sun, 5 Jul 2020 22:32:08 +0530 Subject: [PATCH 05/45] Migrates StoriesListComponent --- ... topic-viewer-stories-list.component.html} | 3 +- .../topic-viewer-stories-list.component.ts | 35 ++++++++++++++++++ .../topic-viewer-stories-list.directive.ts | 37 ------------------- .../topic-viewer-page.component.html | 2 +- .../topic-viewer-page.component.ts | 2 +- scripts/check_frontend_coverage.py | 2 +- 6 files changed, 40 insertions(+), 41 deletions(-) rename core/templates/pages/topic-viewer-page/stories-list/{topic-viewer-stories-list.directive.html => topic-viewer-stories-list.component.html} (66%) create mode 100644 core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts delete mode 100644 core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.ts diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.html b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html similarity index 66% rename from core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.html rename to core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html index c79b93c57445..b9218f19e816 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.html +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html @@ -1,7 +1,8 @@
+

-
+
diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts new file mode 100644 index 000000000000..50c1d8c25870 --- /dev/null +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts @@ -0,0 +1,35 @@ +// Copyright 2018 The Oppia Authors. All Rights Reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS-IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +/** + * @fileoverview Component for the stories list. + */ + +import { Component, Input } from '@angular/core'; +import { downgradeComponent } from '@angular/upgrade/static'; + +import { StorySummary } from 'domain/story/StorySummaryObjectFactory'; + +@Component({ + selector: 'stories-list', + templateUrl: './topic-viewer-stories-list.component.html', + styleUrls: [] +}) +export class StoriesListComponent { + @Input() canonicalStorySummaries: Array; + constructor() {} +} +angular.module('oppia').directive( + 'storiesList', downgradeComponent( + {component: StoriesListComponent})); diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.ts b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.ts deleted file mode 100644 index b4b4ba0b6f2f..000000000000 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.directive.ts +++ /dev/null @@ -1,37 +0,0 @@ -// Copyright 2018 The Oppia Authors. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS-IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -/** - * @fileoverview Directive for the stories list. - */ - -require('components/summary-tile/story-summary-tile.directive.ts'); - -require('domain/utilities/url-interpolation.service.ts'); - -angular.module('oppia').directive('storiesList', ['UrlInterpolationService', - function(UrlInterpolationService) { - return { - restrict: 'E', - scope: {}, - bindToController: { - getCanonicalStorySummaries: '&canonicalStorySummaries', - }, - templateUrl: UrlInterpolationService.getDirectiveTemplateUrl( - '/pages/topic-viewer-page/stories-list/' + - 'topic-viewer-stories-list.directive.html'), - controllerAs: '$ctrl', - controller: [function() {}] - }; - }]); diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html index 5eceb982e746..a161355a8500 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html @@ -48,7 +48,7 @@
- +
Date: Sun, 5 Jul 2020 22:38:15 +0530 Subject: [PATCH 06/45] Fixed frontend coverage --- scripts/check_frontend_coverage.py | 1 - 1 file changed, 1 deletion(-) diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index 90f7b265de28..9da8eb3e42ee 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -458,7 +458,6 @@ 'topic-selector.directive.ts', 'topic-summary-tile.directive.ts', 'topic-viewer-navbar-breadcrumb.component.ts', - 'topic-viewer-stories-list.component.ts', 'TopicObjectFactory.ts', 'topics-and-skills-dashboard-backend-api.service.ts', 'topics-and-skills-dashboard-navbar-breadcrumb.directive.ts', From 8706628706102b5760659ca3633a57b0f8618f9d Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Mon, 6 Jul 2020 01:29:53 +0530 Subject: [PATCH 07/45] Styling changes + component addition --- .../topic-viewer-navbar-breadcrumb.component.ts | 4 ++-- .../practice-tab/practice-tab.component.ts | 9 +++++---- .../topic-viewer-stories-list.component.ts | 2 +- .../topic-viewer-page/topic-viewer-page.module.ts | 13 +++++++++---- 4 files changed, 17 insertions(+), 11 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts index 15439bf9fdfb..91ea7efb7446 100644 --- a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts +++ b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts @@ -19,11 +19,11 @@ import { Component, Input, OnInit } from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; +import { ReadOnlyTopic } from + 'domain/topic_viewer/read-only-topic-object.factory'; import { TopicViewerBackendApiService } from 'domain/topic_viewer/topic-viewer-backend-api.service'; import { UrlService } from 'services/contextual/url.service'; -import { ReadOnlyTopic } from - 'domain/topic_viewer/read-only-topic-object.factory'; @Component({ selector: 'topic-viewer-navbar-breadcrumb', diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts index 1ee0e9e71b33..330ccde348ce 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -31,11 +31,11 @@ import { PracticeSessionPageConstants} from styleUrls: [] }) export class PracticeTabComponent implements OnInit { + @Input() topicName: string; + @Input() subtopicsList: Array; selectedSubtopics: Array = []; availableSubtopics: Array = []; selectedSubtopicIndices: Array = []; - @Input() topicName: string; - @Input() subtopicsList: Array; constructor( private urlInterpolationService: UrlInterpolationService ) {} @@ -58,8 +58,8 @@ export class PracticeTabComponent implements OnInit { return true; } openNewPracticeSession(): void { - var selectedSubtopicIds = []; - for (var idx in this.selectedSubtopicIndices) { + const selectedSubtopicIds = []; + for (let idx in this.selectedSubtopicIndices) { if (this.selectedSubtopicIndices[idx]) { selectedSubtopicIds.push( this.availableSubtopics[idx].getId()); @@ -73,6 +73,7 @@ export class PracticeTabComponent implements OnInit { window.location.href = practiceSessionsUrl; } } + angular.module('oppia').directive( 'practiceTab', downgradeComponent( {component: PracticeTabComponent})); diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts index 50c1d8c25870..7e02e7f35c25 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts @@ -13,7 +13,7 @@ // limitations under the License. /** - * @fileoverview Component for the stories list. + * @fileoverview Component for the topic viewer stories list. */ import { Component, Input } from '@angular/core'; diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index 3c229cdd5cbf..6d8fed4ad4c8 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -44,9 +44,14 @@ import { ObjectsDomainConstants } from import { TopicViewerDomainConstants } from 'domain/topic_viewer/topic-viewer-domain.constants'; + +import { PracticeTabComponent } from + 'pages/topic-viewer-page/practice-tab/practice-tab.component'; +import { StoriesListComponent } from + 'pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component'; import { TopicViewerNavbarBreadcrumbComponent } from - './navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; -import { PracticeTabComponent } from './practice-tab/practice-tab.component'; + // eslint-disable-next-line max-len + 'pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; @NgModule({ @@ -57,11 +62,11 @@ import { PracticeTabComponent } from './practice-tab/practice-tab.component'; ], declarations: [ OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent + TopicViewerNavbarBreadcrumbComponent, StoriesListComponent ], entryComponents: [ OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent + TopicViewerNavbarBreadcrumbComponent, StoriesListComponent ], providers: [ AppConstants, From 5488cbac03281d0203d5d488557324c4fd796d15 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Mon, 6 Jul 2020 04:03:51 +0530 Subject: [PATCH 08/45] Migrates subtopics list component --- .../subtopic-editor-tab.component.ts | 2 +- .../subtopic-preview-tab.component.ts | 2 +- ...ive.html => subtopics-list.component.html} | 8 ++-- .../subtopics-list.component.ts | 38 ++++++++++++++++++ .../subtopics-list.directive.ts | 39 ------------------- .../topic-viewer-page.component.html | 6 +-- .../topic-viewer-page.component.ts | 2 +- .../topic-viewer-page.module.ts | 9 +++-- scripts/check_frontend_coverage.py | 2 +- 9 files changed, 56 insertions(+), 52 deletions(-) rename core/templates/pages/topic-viewer-page/subtopics-list/{subtopics-list.directive.html => subtopics-list.component.html} (84%) create mode 100644 core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts delete mode 100644 core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts diff --git a/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-editor-tab.component.ts b/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-editor-tab.component.ts index e2e0180ee3bb..3c9a4e57ebce 100644 --- a/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-editor-tab.component.ts +++ b/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-editor-tab.component.ts @@ -32,7 +32,7 @@ require('domain/utilities/url-interpolation.service.ts'); require('services/contextual/url.service.ts'); require('pages/topic-editor-page/services/topic-editor-state.service.ts'); require('pages/topic-editor-page/services/entity-creation.service.ts'); -require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); +require('pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts'); angular.module('oppia').component('subtopicEditorTab', { template: require('./subtopic-editor-tab.component.html'), diff --git a/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-preview-tab.component.ts b/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-preview-tab.component.ts index d9f8067c3e37..7e59fb4cf787 100644 --- a/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-preview-tab.component.ts +++ b/core/templates/pages/topic-editor-page/subtopic-editor/subtopic-preview-tab.component.ts @@ -30,7 +30,7 @@ require('domain/utilities/url-interpolation.service.ts'); require('services/contextual/url.service.ts'); require('pages/topic-editor-page/services/topic-editor-state.service.ts'); require('pages/topic-editor-page/services/topic-editor-routing.service.ts'); -require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); +require('pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts'); angular.module('oppia').component('subtopicPreviewTab', { template: require('./subtopic-preview-tab.component.html'), diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html similarity index 84% rename from core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.html rename to core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index a3325e5ae2b1..83134cad85ef 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -1,16 +1,18 @@

+

+
- + topic-id="topicId" + topic-name="topicName">
diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts new file mode 100644 index 000000000000..d5ebdac9257a --- /dev/null +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts @@ -0,0 +1,38 @@ +// Copyright 2018 The Oppia Authors. All Rights Reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS-IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + +/** + * @fileoverview Component for topic-viewer subtopics list. + */ + +import { Component, Input } from '@angular/core'; +import { downgradeComponent } from '@angular/upgrade/static'; + +import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; + +@Component({ + selector: 'subtopics-list', + templateUrl: './subtopics-list.component.html', + styleUrls: [] +}) +export class SubtopicsListComponent { + @Input() subtopicsList: Array; + @Input() topicId: string; + @Input() topicName: string; + constructor() {} +} + +angular.module('oppia').directive( + 'subtopicsList', downgradeComponent( + {component: SubtopicsListComponent})); diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts deleted file mode 100644 index 974331a338c1..000000000000 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts +++ /dev/null @@ -1,39 +0,0 @@ -// Copyright 2018 The Oppia Authors. All Rights Reserved. -// -// Licensed under the Apache License, Version 2.0 (the "License"); -// you may not use this file except in compliance with the License. -// You may obtain a copy of the License at -// -// http://www.apache.org/licenses/LICENSE-2.0 -// -// Unless required by applicable law or agreed to in writing, software -// distributed under the License is distributed on an "AS-IS" BASIS, -// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -// See the License for the specific language governing permissions and -// limitations under the License. - -/** - * @fileoverview Directive for the subtopics list. - */ - -require('components/summary-tile/subtopic-summary-tile.directive.ts'); - -require('domain/utilities/url-interpolation.service.ts'); - -angular.module('oppia').directive('subtopicsList', [ - 'UrlInterpolationService', function(UrlInterpolationService) { - return { - restrict: 'E', - scope: {}, - bindToController: { - getSubtopics: '&subtopicsList', - getTopicId: '&topicId', - getTopicName: '&topicName' - }, - templateUrl: UrlInterpolationService.getDirectiveTemplateUrl( - '/pages/topic-viewer-page/subtopics-list/' + - 'subtopics-list.directive.html'), - controllerAs: '$ctrl', - controller: [function() {}] - }; - }]); diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html index a161355a8500..a13767066851 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html @@ -56,9 +56,9 @@
- +
diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts index 05dd928a7fe3..4df373ec8a5e 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts @@ -25,7 +25,7 @@ require('pages/topic-viewer-page/info-tab/topic-info-tab.directive.ts'); require( 'pages/topic-viewer-page/stories-list/' + 'topic-viewer-stories-list.component.ts'); -require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); +require('pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts'); require('pages/topic-viewer-page/practice-tab/practice-tab.component.ts'); require('domain/topic_viewer/topic-viewer-backend-api.service.ts'); require('services/alerts.service.ts'); diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index 6d8fed4ad4c8..45a84ca1f627 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -49,11 +49,12 @@ import { PracticeTabComponent } from 'pages/topic-viewer-page/practice-tab/practice-tab.component'; import { StoriesListComponent } from 'pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component'; +import { SubtopicsListComponent } from + 'pages/topic-viewer-page/subtopics-list/subtopics-list.component'; import { TopicViewerNavbarBreadcrumbComponent } from // eslint-disable-next-line max-len 'pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; - @NgModule({ imports: [ BrowserModule, @@ -62,11 +63,13 @@ import { TopicViewerNavbarBreadcrumbComponent } from ], declarations: [ OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent, StoriesListComponent + TopicViewerNavbarBreadcrumbComponent, StoriesListComponent, + SubtopicsListComponent ], entryComponents: [ OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent, StoriesListComponent + TopicViewerNavbarBreadcrumbComponent, StoriesListComponent, + SubtopicsListComponent ], providers: [ AppConstants, diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index 9da8eb3e42ee..15e33730cc73 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -433,7 +433,7 @@ 'subtopic-viewer-navbar-breadcrumb.directive.ts', 'SubtopicObjectFactory.ts', 'SubtopicPageObjectFactory.ts', - 'subtopics-list.directive.ts', + 'subtopics-list.component.ts', 'suggestion-improvement-task.directive.ts', 'suggestion-modal-for-exploration-editor.service.ts', 'suggestion-modal-for-exploration-player.service.ts', From cc7c69037dd9a882814ab160cbf790a90dab3486 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Mon, 6 Jul 2020 04:10:20 +0530 Subject: [PATCH 09/45] Fixed frontend coverage --- scripts/check_frontend_coverage.py | 1 - 1 file changed, 1 deletion(-) diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index 15e33730cc73..8f213b37dce4 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -433,7 +433,6 @@ 'subtopic-viewer-navbar-breadcrumb.directive.ts', 'SubtopicObjectFactory.ts', 'SubtopicPageObjectFactory.ts', - 'subtopics-list.component.ts', 'suggestion-improvement-task.directive.ts', 'suggestion-modal-for-exploration-editor.service.ts', 'suggestion-modal-for-exploration-player.service.ts', From 5f0ac4c5aff1e33642b233a2755540667ae79d90 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Mon, 6 Jul 2020 21:46:22 +0530 Subject: [PATCH 10/45] Fixed ngfor --- .../topic-viewer-page/practice-tab/practice-tab.component.html | 2 +- .../stories-list/topic-viewer-stories-list.component.html | 2 +- .../subtopics-list/subtopics-list.component.html | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index b180a7e37cb6..ebfab900dfe6 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -8,7 +8,7 @@

- + {{ subtopic.getTitle() }}

-
+
diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index 83134cad85ef..e49619210b7f 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -9,7 +9,7 @@

- From a46ca87fac4509fecef44d72261303a40b057a68 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Tue, 7 Jul 2020 02:28:01 +0530 Subject: [PATCH 11/45] Fix html --- .../practice-tab/practice-tab.component.html | 6 ++---- .../practice-tab/practice-tab.component.ts | 3 +-- .../stories-list/topic-viewer-stories-list.component.html | 3 +-- .../subtopics-list/subtopics-list.component.html | 6 ++---- 4 files changed, 6 insertions(+), 12 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index ebfab900dfe6..5720ccdcf3fa 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -1,12 +1,10 @@

- - +

- - + {{ subtopic.getTitle() }} diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts index 330ccde348ce..ad44bff04d2a 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -37,8 +37,7 @@ export class PracticeTabComponent implements OnInit { availableSubtopics: Array = []; selectedSubtopicIndices: Array = []; constructor( - private urlInterpolationService: UrlInterpolationService - ) {} + private urlInterpolationService: UrlInterpolationService) {} ngOnInit(): void { this.selectedSubtopics = []; this.availableSubtopics = this.subtopicsList.filter( diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html index a4075d2931e3..0854961afc80 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html @@ -1,7 +1,6 @@
- -

+

diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index e49619210b7f..e5f1212f7e9b 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -1,12 +1,10 @@

- - +

- - +
Date: Tue, 7 Jul 2020 12:57:49 +0530 Subject: [PATCH 12/45] Fix translates and return types for ngOnInit --- ...topic-viewer-navbar-breadcrumb.component.ts | 2 +- .../practice-tab/practice-tab.component.ts | 14 ++++++++++++-- .../topic-viewer-stories-list.component.ts | 18 +++++++++++++++--- .../subtopics-list/subtopics-list.component.ts | 18 +++++++++++++++--- 4 files changed, 43 insertions(+), 9 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts index 91ea7efb7446..a9541bbf0b51 100644 --- a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts +++ b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.ts @@ -36,7 +36,7 @@ export class TopicViewerNavbarBreadcrumbComponent implements OnInit { private topicViewerBackendApiService: TopicViewerBackendApiService, private urlService: UrlService ) {} - ngOnInit(): void { + ngOnInit() { this.topicViewerBackendApiService.fetchTopicData( this.urlService.getTopicNameFromLearnerUrl()).then( (readOnlyTopic: ReadOnlyTopic) => { diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts index ad44bff04d2a..76a7b5b08c76 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -24,6 +24,8 @@ import { UrlInterpolationService } from 'domain/utilities/url-interpolation.service'; import { PracticeSessionPageConstants} from 'pages/practice-session-page/practice-session-page.constants.ts'; +import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; +import { TranslateService } from 'services/translate.service'; @Component({ selector: 'practice-tab', @@ -37,8 +39,16 @@ export class PracticeTabComponent implements OnInit { availableSubtopics: Array = []; selectedSubtopicIndices: Array = []; constructor( - private urlInterpolationService: UrlInterpolationService) {} - ngOnInit(): void { + private i18nLanguageCodeService: I18nLanguageCodeService, + private translateService: TranslateService, + private urlInterpolationService: UrlInterpolationService) { + translateService.use('en'); + } + ngOnInit() { + this.translateService.use( + this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); + this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( + (code) => this.translateService.use(code)); this.selectedSubtopics = []; this.availableSubtopics = this.subtopicsList.filter( (subtopic: Subtopic) => { diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts index 7e02e7f35c25..3d1a4964d2a8 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts @@ -16,19 +16,31 @@ * @fileoverview Component for the topic viewer stories list. */ -import { Component, Input } from '@angular/core'; +import { Component, Input, OnInit } from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; import { StorySummary } from 'domain/story/StorySummaryObjectFactory'; +import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; +import { TranslateService } from 'services/translate.service'; @Component({ selector: 'stories-list', templateUrl: './topic-viewer-stories-list.component.html', styleUrls: [] }) -export class StoriesListComponent { +export class StoriesListComponent implements OnInit { @Input() canonicalStorySummaries: Array; - constructor() {} + constructor( + private i18nLanguageCodeService: I18nLanguageCodeService, + private translateService: TranslateService) { + this.translateService.use('en'); + } + ngOnInit() { + this.translateService.use( + this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); + this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( + (code) => this.translateService.use(code)); + } } angular.module('oppia').directive( 'storiesList', downgradeComponent( diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts index d5ebdac9257a..36875935e8f4 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts @@ -16,21 +16,33 @@ * @fileoverview Component for topic-viewer subtopics list. */ -import { Component, Input } from '@angular/core'; +import { Component, Input, OnInit } from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; +import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; +import { TranslateService } from 'services/translate.service'; @Component({ selector: 'subtopics-list', templateUrl: './subtopics-list.component.html', styleUrls: [] }) -export class SubtopicsListComponent { +export class SubtopicsListComponent implements OnInit { @Input() subtopicsList: Array; @Input() topicId: string; @Input() topicName: string; - constructor() {} + constructor( + private i18nLanguageCodeService: I18nLanguageCodeService, + private translateService: TranslateService) { + this.translateService.use('en'); + } + ngOnInit() { + this.translateService.use( + this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); + this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( + (code) => this.translateService.use(code)); + } } angular.module('oppia').directive( From fea29eca1ac6a3b54e3e5b51da6ce05ef5cc792e Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Tue, 7 Jul 2020 13:07:15 +0530 Subject: [PATCH 13/45] Fixed coverage check --- scripts/check_frontend_coverage.py | 2 ++ 1 file changed, 2 insertions(+) diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index 8f213b37dce4..cd6f760b118d 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -433,6 +433,7 @@ 'subtopic-viewer-navbar-breadcrumb.directive.ts', 'SubtopicObjectFactory.ts', 'SubtopicPageObjectFactory.ts', + 'subtopics-list.component.ts', 'suggestion-improvement-task.directive.ts', 'suggestion-modal-for-exploration-editor.service.ts', 'suggestion-modal-for-exploration-player.service.ts', @@ -457,6 +458,7 @@ 'topic-selector.directive.ts', 'topic-summary-tile.directive.ts', 'topic-viewer-navbar-breadcrumb.component.ts', + 'topic-viewer-stories-list.component.ts', 'TopicObjectFactory.ts', 'topics-and-skills-dashboard-backend-api.service.ts', 'topics-and-skills-dashboard-navbar-breadcrumb.directive.ts', From b70638aa0da48fd71af1abf56d1276e02587fc60 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Thu, 9 Jul 2020 14:02:50 +0530 Subject: [PATCH 14/45] Removes translation services following PR #9842 + other minor fixes --- .../practice-tab/practice-tab.component.ts | 9 --------- .../topic-viewer-stories-list.component.ts | 20 ++++--------------- .../subtopics-list.component.ts | 20 ++++--------------- 3 files changed, 8 insertions(+), 41 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts index d4db62cddbdf..e6b7b51e6b25 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -24,8 +24,6 @@ import { UrlInterpolationService } from 'domain/utilities/url-interpolation.service'; import { PracticeSessionPageConstants} from 'pages/practice-session-page/practice-session-page.constants.ts'; -import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; -import { TranslateService } from 'services/translate.service'; @Component({ selector: 'practice-tab', @@ -39,16 +37,9 @@ export class PracticeTabComponent implements OnInit { availableSubtopics: Array = []; selectedSubtopicIndices: Array = []; constructor( - private i18nLanguageCodeService: I18nLanguageCodeService, - private translateService: TranslateService, private urlInterpolationService: UrlInterpolationService) { - translateService.use('en'); } ngOnInit(): void { - this.translateService.use( - this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); - this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( - (code) => this.translateService.use(code)); this.selectedSubtopics = []; this.availableSubtopics = this.subtopicsList.filter( (subtopic: Subtopic) => { diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts index db7c4c83caab..5b492174236b 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.ts @@ -16,31 +16,19 @@ * @fileoverview Component for the topic viewer stories list. */ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, Input } from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; import { StorySummary } from 'domain/story/StorySummaryObjectFactory'; -import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; -import { TranslateService } from 'services/translate.service'; @Component({ selector: 'stories-list', templateUrl: './topic-viewer-stories-list.component.html', styleUrls: [] }) -export class StoriesListComponent implements OnInit { - @Input() canonicalStorySummaries: Array; - constructor( - private i18nLanguageCodeService: I18nLanguageCodeService, - private translateService: TranslateService) { - this.translateService.use('en'); - } - ngOnInit(): void { - this.translateService.use( - this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); - this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( - (code) => this.translateService.use(code)); - } +export class StoriesListComponent { + @Input() canonicalStorySummaries: StorySummary[]; + constructor() {} } angular.module('oppia').directive( 'storiesList', downgradeComponent( diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts index ab8c3ce4a8da..1b0c4de69106 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts @@ -16,33 +16,21 @@ * @fileoverview Component for topic-viewer subtopics list. */ -import { Component, Input, OnInit } from '@angular/core'; +import { Component, Input} from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; -import { I18nLanguageCodeService } from 'services/i18n-language-code.service'; -import { TranslateService } from 'services/translate.service'; @Component({ selector: 'subtopics-list', templateUrl: './subtopics-list.component.html', styleUrls: [] }) -export class SubtopicsListComponent implements OnInit { - @Input() subtopicsList: Array; +export class SubtopicsListComponent { + @Input() subtopicsList: Subtopic[]; @Input() topicId: string; @Input() topicName: string; - constructor( - private i18nLanguageCodeService: I18nLanguageCodeService, - private translateService: TranslateService) { - this.translateService.use('en'); - } - ngOnInit(): void { - this.translateService.use( - this.i18nLanguageCodeService.getCurrentI18nLanguageCode()); - this.i18nLanguageCodeService.onI18nLanguageCodeChange.subscribe( - (code) => this.translateService.use(code)); - } + constructor() {} } angular.module('oppia').directive( From 4b962ca630caf40740c26a7e68977063c6f1b422 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Thu, 9 Jul 2020 14:09:05 +0530 Subject: [PATCH 15/45] Removed fully covered files --- .../subtopics-list/subtopics-list.component.ts | 2 +- scripts/check_frontend_coverage.py | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts index 1b0c4de69106..a0a74036d508 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts @@ -16,7 +16,7 @@ * @fileoverview Component for topic-viewer subtopics list. */ -import { Component, Input} from '@angular/core'; +import { Component, Input } from '@angular/core'; import { downgradeComponent } from '@angular/upgrade/static'; import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index fcdd419b8f37..1714efbe7715 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -429,7 +429,6 @@ 'subtopic-viewer-navbar-breadcrumb.directive.ts', 'SubtopicObjectFactory.ts', 'SubtopicPageObjectFactory.ts', - 'subtopics-list.component.ts', 'suggestion-modal-for-exploration-editor.service.ts', 'suggestion-modal-for-exploration-player.service.ts', 'summary-list-header.directive.ts', @@ -453,7 +452,6 @@ 'topic-selector.directive.ts', 'topic-summary-tile.directive.ts', 'topic-viewer-navbar-breadcrumb.component.ts', - 'topic-viewer-stories-list.component.ts', 'TopicObjectFactory.ts', 'topics-and-skills-dashboard-backend-api.service.ts', 'topics-and-skills-dashboard-navbar-breadcrumb.directive.ts', From 884fb2db5b17400ffec75e41f82c75b3698402d7 Mon Sep 17 00:00:00 2001 From: Madhav Sainanee Date: Fri, 10 Jul 2020 12:24:36 +0530 Subject: [PATCH 16/45] Undo constants --- assets/constants.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/constants.ts b/assets/constants.ts index 4de82232e791..e4a6c21892ee 100644 --- a/assets/constants.ts +++ b/assets/constants.ts @@ -5323,5 +5323,5 @@ export = { // Maximum allowed length of a username. "MAX_USERNAME_LENGTH": 30, - "DEV_MODE": false + "DEV_MODE": true }; From f8ea6a341dac29d6c0ca1be33e468dc1f2c5e35c Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Mon, 13 Jul 2020 23:53:21 +0530 Subject: [PATCH 17/45] Oppia-material --- core/templates/css/oppia-material.css | 2644 +++++++++++++++++++++ core/templates/pages/header_css_libs.html | 2 + 2 files changed, 2646 insertions(+) create mode 100644 core/templates/css/oppia-material.css diff --git a/core/templates/css/oppia-material.css b/core/templates/css/oppia-material.css new file mode 100644 index 000000000000..8fc901c56933 --- /dev/null +++ b/core/templates/css/oppia-material.css @@ -0,0 +1,2644 @@ +/* Colors for the ripple elements.*/ +/* stylelint-disable-next-line material/theme-mixin-api */ +/* stylelint-disable-next-line material/theme-mixin-api */ +/* stylelint-disable material/no-prefixes */ +/* stylelint-enable */ +/* stylelint-disable material/no-prefixes */ +/* stylelint-enable */ +.mat-badge-content { + font-weight: 600; + font-size: 12px; + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-badge-small .mat-badge-content { + font-size: 9px; } + + .mat-badge-large .mat-badge-content { + font-size: 24px; } + + .mat-h1, .mat-headline, .mat-typography h1 { + font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h2, .mat-title, .mat-typography h2 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h3, .mat-subheading-2, .mat-typography h3 { + font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h4, .mat-subheading-1, .mat-typography h4 { + font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h5, .mat-typography h5 { + font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + + .mat-h6, .mat-typography h6 { + font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + + .mat-body-strong, .mat-body-2 { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-body, .mat-body-1, .mat-typography { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + .mat-body p, .mat-body-1 p, .mat-typography p { + margin: 0 0 12px; } + + .mat-small, .mat-caption { + font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-display-4, .mat-typography .mat-display-4 { + font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.05em; + margin: 0 0 56px; } + + .mat-display-3, .mat-typography .mat-display-3 { + font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.02em; + margin: 0 0 64px; } + + .mat-display-2, .mat-typography .mat-display-2 { + font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.005em; + margin: 0 0 64px; } + + .mat-display-1, .mat-typography .mat-display-1 { + font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 64px; } + + .mat-bottom-sheet-container { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, + .mat-flat-button, .mat-fab, .mat-mini-fab { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-button-toggle { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-card { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-card-title { + font-size: 24px; + font-weight: 500; } + + .mat-card-header .mat-card-title { + font-size: 20px; } + + .mat-card-subtitle, + .mat-card-content { + font-size: 14px; } + + .mat-checkbox { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-checkbox-layout .mat-checkbox-label { + line-height: 24px; } + + .mat-chip { + font-size: 14px; + font-weight: 500; } + .mat-chip .mat-chip-trailing-icon.mat-icon, + .mat-chip .mat-chip-remove.mat-icon { + font-size: 18px; } + + .mat-table { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-header-cell { + font-size: 12px; + font-weight: 500; } + + .mat-cell, .mat-footer-cell { + font-size: 14px; } + + .mat-calendar { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-calendar-body { + font-size: 13px; } + + .mat-calendar-body-label, + .mat-calendar-period-button { + font-size: 14px; + font-weight: 500; } + + .mat-calendar-table-header th { + font-size: 11px; + font-weight: 400; } + + .mat-dialog-title { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-expansion-panel-header { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 15px; + font-weight: 400; } + + .mat-expansion-panel-content { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-form-field { + font-size: inherit; + font-weight: 400; + line-height: 1.125; + font-family: Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-form-field-wrapper { + padding-bottom: 1.34375em; } + + .mat-form-field-prefix .mat-icon, + .mat-form-field-suffix .mat-icon { + font-size: 150%; + line-height: 1.125; } + + .mat-form-field-prefix .mat-icon-button, + .mat-form-field-suffix .mat-icon-button { + height: 1.5em; + width: 1.5em; } + .mat-form-field-prefix .mat-icon-button .mat-icon, + .mat-form-field-suffix .mat-icon-button .mat-icon { + height: 1.125em; + line-height: 1.125; } + + .mat-form-field-infix { + padding: 0.5em 0; + border-top: 0.84375em solid transparent; } + + .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.34375em) scale(0.75); + width: 133.33333%; } + + .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.34374em) scale(0.75); + width: 133.33334%; } + + .mat-form-field-label-wrapper { + top: -0.84375em; + padding-top: 0.84375em; } + + .mat-form-field-label { + top: 1.34375em; } + + .mat-form-field-underline { + bottom: 1.34375em; } + + .mat-form-field-subscript-wrapper { + font-size: 75%; + margin-top: 0.66667em; + top: calc(100% - 1.79167em); } + + .mat-form-field-appearance-legacy .mat-form-field-wrapper { + padding-bottom: 1.25em; } + + .mat-form-field-appearance-legacy .mat-form-field-infix { + padding: 0.4375em 0; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); + -ms-transform: translateY(-1.28125em) scale(0.75); + width: 133.33333%; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); + -ms-transform: translateY(-1.28124em) scale(0.75); + width: 133.33334%; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); + -ms-transform: translateY(-1.28123em) scale(0.75); + width: 133.33335%; } + + .mat-form-field-appearance-legacy .mat-form-field-label { + top: 1.28125em; } + + .mat-form-field-appearance-legacy .mat-form-field-underline { + bottom: 1.25em; } + + .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { + margin-top: 0.54167em; + top: calc(100% - 1.66667em); } + + @media print { + .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28122em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28121em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.2812em) scale(0.75); } } + + .mat-form-field-appearance-fill .mat-form-field-infix { + padding: 0.25em 0 0.75em 0; } + + .mat-form-field-appearance-fill .mat-form-field-label { + top: 1.09375em; + margin-top: -0.5em; } + + .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-0.59375em) scale(0.75); + width: 133.33333%; } + + .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-0.59374em) scale(0.75); + width: 133.33334%; } + + .mat-form-field-appearance-outline .mat-form-field-infix { + padding: 1em 0 1em 0; } + + .mat-form-field-appearance-outline .mat-form-field-label { + top: 1.84375em; + margin-top: -0.25em; } + + .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.59375em) scale(0.75); + width: 133.33333%; } + + .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.59374em) scale(0.75); + width: 133.33334%; } + + .mat-grid-tile-header, + .mat-grid-tile-footer { + font-size: 14px; } + .mat-grid-tile-header .mat-line, + .mat-grid-tile-footer .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-grid-tile-header .mat-line:nth-child(n+2), + .mat-grid-tile-footer .mat-line:nth-child(n+2) { + font-size: 12px; } + + input.mat-input-element { + margin-top: -0.0625em; } + + .mat-menu-item { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 400; } + + .mat-paginator, + .mat-paginator-page-size .mat-select-trigger { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; } + + .mat-radio-button { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-select { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-select-trigger { + height: 1.125em; } + + .mat-slide-toggle-content { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-slider-thumb-label-text { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + + .mat-stepper-vertical, .mat-stepper-horizontal { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-step-label { + font-size: 14px; + font-weight: 400; } + + .mat-step-sub-label-error { + font-weight: normal; } + + .mat-step-label-error { + font-size: 14px; } + + .mat-step-label-selected { + font-size: 14px; + font-weight: 500; } + + .mat-tab-group { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-tab-label, .mat-tab-link { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-toolbar, + .mat-toolbar h1, + .mat-toolbar h2, + .mat-toolbar h3, + .mat-toolbar h4, + .mat-toolbar h5, + .mat-toolbar h6 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0; } + + .mat-tooltip { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 10px; + padding-top: 6px; + padding-bottom: 6px; } + + .mat-tooltip-handset { + font-size: 14px; + padding-top: 8px; + padding-bottom: 8px; } + + .mat-list-item { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-list-option { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-list-base .mat-list-item { + font-size: 16px; } + .mat-list-base .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { + font-size: 14px; } + + .mat-list-base .mat-list-option { + font-size: 16px; } + .mat-list-base .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { + font-size: 14px; } + + .mat-list-base .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-list-base[dense] .mat-list-item { + font-size: 12px; } + .mat-list-base[dense] .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { + font-size: 12px; } + + .mat-list-base[dense] .mat-list-option { + font-size: 12px; } + .mat-list-base[dense] .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { + font-size: 12px; } + + .mat-list-base[dense] .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + + .mat-option { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 16px; } + + .mat-optgroup-label { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-simple-snackbar { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; } + + .mat-simple-snackbar-action { + line-height: 1; + font-family: inherit; + font-size: inherit; + font-weight: 500; } + + .mat-tree { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-tree-node, + .mat-nested-tree-node { + font-weight: 400; + font-size: 14px; } + + .mat-ripple { + overflow: hidden; + position: relative; } + .mat-ripple:not(:empty) { + transform: translateZ(0); } + + .mat-ripple.mat-ripple-unbounded { + overflow: visible; } + + .mat-ripple-element { + position: absolute; + border-radius: 50%; + pointer-events: none; + transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(0); } + .cdk-high-contrast-active .mat-ripple-element { + display: none; } + + .cdk-visually-hidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + outline: 0; + -webkit-appearance: none; + -moz-appearance: none; } + + .cdk-overlay-container, .cdk-global-overlay-wrapper { + pointer-events: none; + top: 0; + left: 0; + height: 100%; + width: 100%; } + + .cdk-overlay-container { + position: fixed; + z-index: 1000; } + .cdk-overlay-container:empty { + display: none; } + + .cdk-global-overlay-wrapper { + display: flex; + position: absolute; + z-index: 1000; } + + .cdk-overlay-pane { + position: absolute; + pointer-events: auto; + box-sizing: border-box; + z-index: 1000; + display: flex; + max-width: 100%; + max-height: 100%; } + + .cdk-overlay-backdrop { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + pointer-events: auto; + -webkit-tap-highlight-color: transparent; + transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); + opacity: 0; } + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 1; } + @media screen and (-ms-high-contrast: active) { + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 0.6; } } + + .cdk-overlay-dark-backdrop { + background: rgba(0, 0, 0, 0.32); } + + .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { + opacity: 0; } + + .cdk-overlay-connected-position-bounding-box { + position: absolute; + z-index: 1000; + display: flex; + flex-direction: column; + min-width: 1px; + min-height: 1px; } + + .cdk-global-scrollblock { + position: fixed; + width: 100%; + overflow-y: scroll; } + + @keyframes cdk-text-field-autofill-start { + /*!*/ } + + @keyframes cdk-text-field-autofill-end { + /*!*/ } + + .cdk-text-field-autofill-monitored:-webkit-autofill { + animation: cdk-text-field-autofill-start 0s 1ms; } + + .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { + animation: cdk-text-field-autofill-end 0s 1ms; } + + textarea.cdk-textarea-autosize { + resize: none; } + + textarea.cdk-textarea-autosize-measuring { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: auto !important; + overflow: hidden !important; } + + textarea.cdk-textarea-autosize-measuring-firefox { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: 0 !important; } + + .mat-focus-indicator { + position: relative; } + + .mat-mdc-focus-indicator { + position: relative; } + + .mat-badge-content { + font-weight: 600; + font-size: 12px; + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-badge-small .mat-badge-content { + font-size: 9px; } + + .mat-badge-large .mat-badge-content { + font-size: 24px; } + + .mat-h1, .mat-headline, .mat-typography h1 { + font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h2, .mat-title, .mat-typography h2 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h3, .mat-subheading-2, .mat-typography h3 { + font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h4, .mat-subheading-1, .mat-typography h4 { + font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + + .mat-h5, .mat-typography h5 { + font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + + .mat-h6, .mat-typography h6 { + font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + + .mat-body-strong, .mat-body-2 { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-body, .mat-body-1, .mat-typography { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + .mat-body p, .mat-body-1 p, .mat-typography p { + margin: 0 0 12px; } + + .mat-small, .mat-caption { + font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-display-4, .mat-typography .mat-display-4 { + font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.05em; + margin: 0 0 56px; } + + .mat-display-3, .mat-typography .mat-display-3 { + font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.02em; + margin: 0 0 64px; } + + .mat-display-2, .mat-typography .mat-display-2 { + font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.005em; + margin: 0 0 64px; } + + .mat-display-1, .mat-typography .mat-display-1 { + font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 64px; } + + .mat-bottom-sheet-container { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, + .mat-flat-button, .mat-fab, .mat-mini-fab { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-button-toggle { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-card { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-card-title { + font-size: 24px; + font-weight: 500; } + + .mat-card-header .mat-card-title { + font-size: 20px; } + + .mat-card-subtitle, + .mat-card-content { + font-size: 14px; } + + .mat-checkbox { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-checkbox-layout .mat-checkbox-label { + line-height: 24px; } + + .mat-chip { + font-size: 14px; + font-weight: 500; } + .mat-chip .mat-chip-trailing-icon.mat-icon, + .mat-chip .mat-chip-remove.mat-icon { + font-size: 18px; } + + .mat-table { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-header-cell { + font-size: 12px; + font-weight: 500; } + + .mat-cell, .mat-footer-cell { + font-size: 14px; } + + .mat-calendar { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-calendar-body { + font-size: 13px; } + + .mat-calendar-body-label, + .mat-calendar-period-button { + font-size: 14px; + font-weight: 500; } + + .mat-calendar-table-header th { + font-size: 11px; + font-weight: 400; } + + .mat-dialog-title { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-expansion-panel-header { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 15px; + font-weight: 400; } + + .mat-expansion-panel-content { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-form-field { + font-size: inherit; + font-weight: 400; + line-height: 1.125; + font-family: Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-form-field-wrapper { + padding-bottom: 1.34375em; } + + .mat-form-field-prefix .mat-icon, + .mat-form-field-suffix .mat-icon { + font-size: 150%; + line-height: 1.125; } + + .mat-form-field-prefix .mat-icon-button, + .mat-form-field-suffix .mat-icon-button { + height: 1.5em; + width: 1.5em; } + .mat-form-field-prefix .mat-icon-button .mat-icon, + .mat-form-field-suffix .mat-icon-button .mat-icon { + height: 1.125em; + line-height: 1.125; } + + .mat-form-field-infix { + padding: 0.5em 0; + border-top: 0.84375em solid transparent; } + + .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.34373em) scale(0.75); + width: 133.33335%; } + + .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.34372em) scale(0.75); + width: 133.33336%; } + + .mat-form-field-label-wrapper { + top: -0.84375em; + padding-top: 0.84375em; } + + .mat-form-field-label { + top: 1.34375em; } + + .mat-form-field-underline { + bottom: 1.34375em; } + + .mat-form-field-subscript-wrapper { + font-size: 75%; + margin-top: 0.66667em; + top: calc(100% - 1.79167em); } + + .mat-form-field-appearance-legacy .mat-form-field-wrapper { + padding-bottom: 1.25em; } + + .mat-form-field-appearance-legacy .mat-form-field-infix { + padding: 0.4375em 0; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px); + -ms-transform: translateY(-1.28119em) scale(0.75); + width: 133.33339%; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px); + -ms-transform: translateY(-1.28118em) scale(0.75); + width: 133.3334%; } + + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px); + -ms-transform: translateY(-1.28117em) scale(0.75); + width: 133.33341%; } + + .mat-form-field-appearance-legacy .mat-form-field-label { + top: 1.28125em; } + + .mat-form-field-appearance-legacy .mat-form-field-underline { + bottom: 1.25em; } + + .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { + margin-top: 0.54167em; + top: calc(100% - 1.66667em); } + + @media print { + .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28116em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28115em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.28114em) scale(0.75); } } + + .mat-form-field-appearance-fill .mat-form-field-infix { + padding: 0.25em 0 0.75em 0; } + + .mat-form-field-appearance-fill .mat-form-field-label { + top: 1.09375em; + margin-top: -0.5em; } + + .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-0.59373em) scale(0.75); + width: 133.33335%; } + + .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-0.59372em) scale(0.75); + width: 133.33336%; } + + .mat-form-field-appearance-outline .mat-form-field-infix { + padding: 1em 0 1em 0; } + + .mat-form-field-appearance-outline .mat-form-field-label { + top: 1.84375em; + margin-top: -0.25em; } + + .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.59373em) scale(0.75); + width: 133.33335%; } + + .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper + .mat-form-field-label { + transform: translateY(-1.59372em) scale(0.75); + width: 133.33336%; } + + .mat-grid-tile-header, + .mat-grid-tile-footer { + font-size: 14px; } + .mat-grid-tile-header .mat-line, + .mat-grid-tile-footer .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-grid-tile-header .mat-line:nth-child(n+2), + .mat-grid-tile-footer .mat-line:nth-child(n+2) { + font-size: 12px; } + + input.mat-input-element { + margin-top: -0.0625em; } + + .mat-menu-item { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 400; } + + .mat-paginator, + .mat-paginator-page-size .mat-select-trigger { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; } + + .mat-radio-button { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-select { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-select-trigger { + height: 1.125em; } + + .mat-slide-toggle-content { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-slider-thumb-label-text { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + + .mat-stepper-vertical, .mat-stepper-horizontal { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-step-label { + font-size: 14px; + font-weight: 400; } + + .mat-step-sub-label-error { + font-weight: normal; } + + .mat-step-label-error { + font-size: 14px; } + + .mat-step-label-selected { + font-size: 14px; + font-weight: 500; } + + .mat-tab-group { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-tab-label, .mat-tab-link { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-toolbar, + .mat-toolbar h1, + .mat-toolbar h2, + .mat-toolbar h3, + .mat-toolbar h4, + .mat-toolbar h5, + .mat-toolbar h6 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0; } + + .mat-tooltip { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 10px; + padding-top: 6px; + padding-bottom: 6px; } + + .mat-tooltip-handset { + font-size: 14px; + padding-top: 8px; + padding-bottom: 8px; } + + .mat-list-item { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-list-option { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-list-base .mat-list-item { + font-size: 16px; } + .mat-list-base .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { + font-size: 14px; } + + .mat-list-base .mat-list-option { + font-size: 16px; } + .mat-list-base .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { + font-size: 14px; } + + .mat-list-base .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + + .mat-list-base[dense] .mat-list-item { + font-size: 12px; } + .mat-list-base[dense] .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { + font-size: 12px; } + + .mat-list-base[dense] .mat-list-option { + font-size: 12px; } + .mat-list-base[dense] .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { + font-size: 12px; } + + .mat-list-base[dense] .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + + .mat-option { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 16px; } + + .mat-optgroup-label { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + + .mat-simple-snackbar { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; } + + .mat-simple-snackbar-action { + line-height: 1; + font-family: inherit; + font-size: inherit; + font-weight: 500; } + + .mat-tree { + font-family: Roboto, "Helvetica Neue", sans-serif; } + + .mat-tree-node, + .mat-nested-tree-node { + font-weight: 400; + font-size: 14px; } + + .mat-ripple { + overflow: hidden; + position: relative; } + .mat-ripple:not(:empty) { + transform: translateZ(0); } + + .mat-ripple.mat-ripple-unbounded { + overflow: visible; } + + .mat-ripple-element { + position: absolute; + border-radius: 50%; + pointer-events: none; + transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(0); } + .cdk-high-contrast-active .mat-ripple-element { + display: none; } + + .cdk-visually-hidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + outline: 0; + -webkit-appearance: none; + -moz-appearance: none; } + + .cdk-overlay-container, .cdk-global-overlay-wrapper { + pointer-events: none; + top: 0; + left: 0; + height: 100%; + width: 100%; } + + .cdk-overlay-container { + position: fixed; + z-index: 1000; } + .cdk-overlay-container:empty { + display: none; } + + .cdk-global-overlay-wrapper { + display: flex; + position: absolute; + z-index: 1000; } + + .cdk-overlay-pane { + position: absolute; + pointer-events: auto; + box-sizing: border-box; + z-index: 1000; + display: flex; + max-width: 100%; + max-height: 100%; } + + .cdk-overlay-backdrop { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + pointer-events: auto; + -webkit-tap-highlight-color: transparent; + transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); + opacity: 0; } + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 1; } + @media screen and (-ms-high-contrast: active) { + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 0.6; } } + + .cdk-overlay-dark-backdrop { + background: rgba(0, 0, 0, 0.32); } + + .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { + opacity: 0; } + + .cdk-overlay-connected-position-bounding-box { + position: absolute; + z-index: 1000; + display: flex; + flex-direction: column; + min-width: 1px; + min-height: 1px; } + + .cdk-global-scrollblock { + position: fixed; + width: 100%; + overflow-y: scroll; } + + @keyframes cdk-text-field-autofill-start { + /*!*/ } + + @keyframes cdk-text-field-autofill-end { + /*!*/ } + + .cdk-text-field-autofill-monitored:-webkit-autofill { + animation: cdk-text-field-autofill-start 0s 1ms; } + + .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { + animation: cdk-text-field-autofill-end 0s 1ms; } + + textarea.cdk-textarea-autosize { + resize: none; } + + textarea.cdk-textarea-autosize-measuring { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: auto !important; + overflow: hidden !important; } + + textarea.cdk-textarea-autosize-measuring-firefox { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: 0 !important; } + + .mat-focus-indicator { + position: relative; } + + .mat-mdc-focus-indicator { + position: relative; } + + .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); } + + .mat-option { + color: rgba(0, 0, 0, 0.87); } + .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { + background: rgba(0, 0, 0, 0.04); } + .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { + background: rgba(0, 0, 0, 0.04); } + .mat-option.mat-active { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); } + .mat-option.mat-option-disabled { + color: rgba(0, 0, 0, 0.38); } + + .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { + color: #009688; } + + .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { + color: #64ffe3; } + + .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { + color: #f44336; } + + .mat-optgroup-label { + color: rgba(0, 0, 0, 0.54); } + + .mat-optgroup-disabled .mat-optgroup-label { + color: rgba(0, 0, 0, 0.38); } + + .mat-pseudo-checkbox { + color: rgba(0, 0, 0, 0.54); } + .mat-pseudo-checkbox::after { + color: #fafafa; } + + .mat-pseudo-checkbox-disabled { + color: #b0b0b0; } + + .mat-primary .mat-pseudo-checkbox-checked, + .mat-primary .mat-pseudo-checkbox-indeterminate { + background: #009688; } + + .mat-pseudo-checkbox-checked, + .mat-pseudo-checkbox-indeterminate, + .mat-accent .mat-pseudo-checkbox-checked, + .mat-accent .mat-pseudo-checkbox-indeterminate { + background: #64ffe3; } + + .mat-warn .mat-pseudo-checkbox-checked, + .mat-warn .mat-pseudo-checkbox-indeterminate { + background: #f44336; } + + .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, + .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { + background: #b0b0b0; } + + .mat-app-background { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); } + + .mat-elevation-z0 { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z1 { + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z2 { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z3 { + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z4 { + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z5 { + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z6 { + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z7 { + box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z8 { + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z9 { + box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z10 { + box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z11 { + box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z12 { + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z13 { + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z14 { + box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z15 { + box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z16 { + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z17 { + box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z18 { + box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z19 { + box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z20 { + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z21 { + box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z22 { + box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z23 { + box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } + + .mat-elevation-z24 { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } + + .mat-theme-loaded-marker { + display: none; } + + .mat-autocomplete-panel { + background: white; + color: rgba(0, 0, 0, 0.87); } + .mat-autocomplete-panel:not([class*='mat-elevation-z']) { + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } + .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { + background: white; } + .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { + color: rgba(0, 0, 0, 0.87); } + + .mat-badge-content { + color: white; + background: #009688; } + .cdk-high-contrast-active .mat-badge-content { + outline: solid 1px; + border-radius: 0; } + + .mat-badge-accent .mat-badge-content { + background: #64ffe3; + color: black; } + + .mat-badge-warn .mat-badge-content { + color: white; + background: #f44336; } + + .mat-badge { + position: relative; } + + .mat-badge-hidden .mat-badge-content { + display: none; } + + .mat-badge-disabled .mat-badge-content { + background: #b9b9b9; + color: rgba(0, 0, 0, 0.38); } + + .mat-badge-content { + position: absolute; + text-align: center; + display: inline-block; + border-radius: 50%; + transition: transform 200ms ease-in-out; + transform: scale(0.6); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + pointer-events: none; } + + .ng-animate-disabled .mat-badge-content, + .mat-badge-content._mat-animation-noopable { + transition: none; } + + .mat-badge-content.mat-badge-active { + transform: none; } + + .mat-badge-small .mat-badge-content { + width: 16px; + height: 16px; + line-height: 16px; } + + .mat-badge-small.mat-badge-above .mat-badge-content { + top: -8px; } + + .mat-badge-small.mat-badge-below .mat-badge-content { + bottom: -8px; } + + .mat-badge-small.mat-badge-before .mat-badge-content { + left: -16px; } + + [dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content { + left: auto; + right: -16px; } + + .mat-badge-small.mat-badge-after .mat-badge-content { + right: -16px; } + + [dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content { + right: auto; + left: -16px; } + + .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: -8px; } + + [dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: auto; + right: -8px; } + + .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: -8px; } + + [dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: auto; + left: -8px; } + + .mat-badge-medium .mat-badge-content { + width: 22px; + height: 22px; + line-height: 22px; } + + .mat-badge-medium.mat-badge-above .mat-badge-content { + top: -11px; } + + .mat-badge-medium.mat-badge-below .mat-badge-content { + bottom: -11px; } + + .mat-badge-medium.mat-badge-before .mat-badge-content { + left: -22px; } + + [dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content { + left: auto; + right: -22px; } + + .mat-badge-medium.mat-badge-after .mat-badge-content { + right: -22px; } + + [dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content { + right: auto; + left: -22px; } + + .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: -11px; } + + [dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: auto; + right: -11px; } + + .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: -11px; } + + [dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: auto; + left: -11px; } + + .mat-badge-large .mat-badge-content { + width: 28px; + height: 28px; + line-height: 28px; } + + .mat-badge-large.mat-badge-above .mat-badge-content { + top: -14px; } + + .mat-badge-large.mat-badge-below .mat-badge-content { + bottom: -14px; } + + .mat-badge-large.mat-badge-before .mat-badge-content { + left: -28px; } + + [dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content { + left: auto; + right: -28px; } + + .mat-badge-large.mat-badge-after .mat-badge-content { + right: -28px; } + + [dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content { + right: auto; + left: -28px; } + + .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: -14px; } + + [dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { + left: auto; + right: -14px; } + + .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: -14px; } + + [dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { + right: auto; + left: -14px; } + + .mat-bottom-sheet-container { + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + background: white; + color: rgba(0, 0, 0, 0.87); } + + .mat-button, .mat-icon-button, .mat-stroked-button { + color: inherit; + background: transparent; } + .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { + color: #009688; } + .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { + color: #64ffe3; } + .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { + color: #f44336; } + .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { + color: rgba(0, 0, 0, 0.26); } + .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { + background-color: #009688; } + .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { + background-color: #64ffe3; } + .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { + background-color: #f44336; } + .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { + background-color: transparent; } + .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { + opacity: 0.1; + background-color: currentColor; } + + .mat-button-focus-overlay { + background: black; } + + .mat-stroked-button:not(.mat-button-disabled) { + border-color: rgba(0, 0, 0, 0.12); } + + .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { + color: rgba(0, 0, 0, 0.87); + background-color: white; } + .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { + color: white; } + .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { + color: black; } + .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { + color: white; } + .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { + color: rgba(0, 0, 0, 0.26); } + .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { + background-color: #009688; } + .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { + background-color: #64ffe3; } + .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { + background-color: #f44336; } + .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { + background-color: rgba(0, 0, 0, 0.12); } + .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); } + .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); } + .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); } + + .mat-stroked-button:not([class*='mat-elevation-z']), .mat-flat-button:not([class*='mat-elevation-z']) { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-raised-button:not([class*='mat-elevation-z']) { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + + .mat-raised-button:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) { + box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } + + .mat-raised-button.mat-button-disabled:not([class*='mat-elevation-z']) { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-fab:not([class*='mat-elevation-z']), .mat-mini-fab:not([class*='mat-elevation-z']) { + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } + + .mat-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']), .mat-mini-fab:not(.mat-button-disabled):active:not([class*='mat-elevation-z']) { + box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } + + .mat-fab.mat-button-disabled:not([class*='mat-elevation-z']), .mat-mini-fab.mat-button-disabled:not([class*='mat-elevation-z']) { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-standalone, + .mat-button-toggle-group { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, + .mat-button-toggle-group-appearance-standard { + box-shadow: none; } + + .mat-button-toggle { + color: rgba(0, 0, 0, 0.38); } + .mat-button-toggle .mat-button-toggle-focus-overlay { + background-color: rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-appearance-standard { + color: rgba(0, 0, 0, 0.87); + background: white; } + .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { + background-color: black; } + + .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { + border-left: solid 1px rgba(0, 0, 0, 0.12); } + + [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { + border-left: none; + border-right: solid 1px rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { + border-left: none; + border-right: none; + border-top: solid 1px rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-checked { + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.54); } + .mat-button-toggle-checked.mat-button-toggle-appearance-standard { + color: rgba(0, 0, 0, 0.87); } + + .mat-button-toggle-disabled { + color: rgba(0, 0, 0, 0.26); + background-color: #eeeeee; } + .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { + background: white; } + .mat-button-toggle-disabled.mat-button-toggle-checked { + background-color: #bdbdbd; } + + .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, + .mat-button-toggle-group-appearance-standard { + border: solid 1px rgba(0, 0, 0, 0.12); } + + .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { + line-height: 48px; } + + .mat-card { + background: white; + color: rgba(0, 0, 0, 0.87); } + .mat-card:not([class*='mat-elevation-z']) { + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } + .mat-card.mat-card-flat:not([class*='mat-elevation-z']) { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-card-subtitle { + color: rgba(0, 0, 0, 0.54); } + + .mat-checkbox-frame { + border-color: rgba(0, 0, 0, 0.54); } + + .mat-checkbox-checkmark { + fill: #fafafa; } + + .mat-checkbox-checkmark-path { + stroke: #fafafa !important; } + + .mat-checkbox-mixedmark { + background-color: #fafafa; } + + .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { + background-color: #009688; } + + .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { + background-color: #64ffe3; } + + .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { + background-color: #f44336; } + + .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { + background-color: #b0b0b0; } + + .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { + border-color: #b0b0b0; } + + .mat-checkbox-disabled .mat-checkbox-label { + color: rgba(0, 0, 0, 0.54); } + + .mat-checkbox .mat-ripple-element { + background-color: black; } + + .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, + .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { + background: #009688; } + + .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, + .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { + background: #64ffe3; } + + .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, + .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { + background: #f44336; } + + .mat-chip.mat-standard-chip { + background-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); } + .mat-chip.mat-standard-chip .mat-chip-remove { + color: rgba(0, 0, 0, 0.87); + opacity: 0.4; } + .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { + box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } + .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { + opacity: 0.54; } + .mat-chip.mat-standard-chip.mat-chip-disabled { + opacity: 0.4; } + .mat-chip.mat-standard-chip::after { + background: black; } + + .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { + background-color: #009688; + color: white; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { + color: white; + opacity: 0.4; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); } + + .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { + background-color: #f44336; + color: white; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { + color: white; + opacity: 0.4; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.1); } + + .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: #64ffe3; + color: black; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { + color: black; + opacity: 0.4; } + .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.1); } + + .mat-table { + background: white; } + + .mat-table thead, .mat-table tbody, .mat-table tfoot, + mat-header-row, mat-row, mat-footer-row, + [mat-header-row], [mat-row], [mat-footer-row], + .mat-table-sticky { + background: inherit; } + + mat-row, mat-header-row, mat-footer-row, + th.mat-header-cell, td.mat-cell, td.mat-footer-cell { + border-bottom-color: rgba(0, 0, 0, 0.12); } + + .mat-header-cell { + color: rgba(0, 0, 0, 0.54); } + + .mat-cell, .mat-footer-cell { + color: rgba(0, 0, 0, 0.87); } + + .mat-calendar-arrow { + border-top-color: rgba(0, 0, 0, 0.54); } + + .mat-datepicker-toggle, + .mat-datepicker-content .mat-calendar-next-button, + .mat-datepicker-content .mat-calendar-previous-button { + color: rgba(0, 0, 0, 0.54); } + + .mat-calendar-table-header { + color: rgba(0, 0, 0, 0.38); } + + .mat-calendar-table-header-divider::after { + background: rgba(0, 0, 0, 0.12); } + + .mat-calendar-body-label { + color: rgba(0, 0, 0, 0.54); } + + .mat-calendar-body-cell-content, + .mat-date-range-input-separator { + color: rgba(0, 0, 0, 0.87); + border-color: transparent; } + + .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), + .mat-form-field-disabled .mat-date-range-input-separator { + color: rgba(0, 0, 0, 0.38); } + + .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), + .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), + .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { + background-color: rgba(0, 0, 0, 0.04); } + + .mat-calendar-body-in-preview { + color: rgba(0, 0, 0, 0.24); } + + .mat-calendar-body-today:not(.mat-calendar-body-selected) { + border-color: rgba(0, 0, 0, 0.38); } + + .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { + border-color: rgba(0, 0, 0, 0.18); } + + .mat-calendar-body-in-range::before { + background: rgba(0, 150, 136, 0.2); } + + .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); } + + .mat-calendar-body-comparison-bridge-start::before, + [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + + .mat-calendar-body-comparison-bridge-end::before, + [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + + .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { + background: #a8dab5; } + + .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { + background: #46a35e; } + + .mat-calendar-body-selected { + background-color: #009688; + color: white; } + + .mat-calendar-body-disabled > .mat-calendar-body-selected { + background-color: rgba(0, 150, 136, 0.4); } + + .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px white; } + + .mat-datepicker-content { + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + background-color: white; + color: rgba(0, 0, 0, 0.87); } + .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { + background: rgba(100, 255, 227, 0.2); } + .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); } + .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, + .mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(100, 255, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, + .mat-datepicker-content.mat-accent [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(100, 255, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { + background: #a8dab5; } + .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { + background: #46a35e; } + .mat-datepicker-content.mat-accent .mat-calendar-body-selected { + background-color: #64ffe3; + color: black; } + .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { + background-color: rgba(100, 255, 227, 0.4); } + .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px black; } + .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { + background: rgba(244, 67, 54, 0.2); } + .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { + background: rgba(249, 171, 0, 0.2); } + .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, + .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before { + background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, + .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before { + background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { + background: #a8dab5; } + .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { + background: #46a35e; } + .mat-datepicker-content.mat-warn .mat-calendar-body-selected { + background-color: #f44336; + color: white; } + .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { + background-color: rgba(244, 67, 54, 0.4); } + .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { + box-shadow: inset 0 0 0 1px white; } + + .mat-datepicker-content-touch { + box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } + + .mat-datepicker-toggle-active { + color: #009688; } + .mat-datepicker-toggle-active.mat-accent { + color: #64ffe3; } + .mat-datepicker-toggle-active.mat-warn { + color: #f44336; } + + .mat-date-range-input-inner[disabled] { + color: rgba(0, 0, 0, 0.38); } + + .mat-dialog-container { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: white; + color: rgba(0, 0, 0, 0.87); } + + .mat-divider { + border-top-color: rgba(0, 0, 0, 0.12); } + + .mat-divider-vertical { + border-right-color: rgba(0, 0, 0, 0.12); } + + .mat-expansion-panel { + background: white; + color: rgba(0, 0, 0, 0.87); } + .mat-expansion-panel:not([class*='mat-elevation-z']) { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } + + .mat-action-row { + border-top-color: rgba(0, 0, 0, 0.12); } + + .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled='true']), + .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled='true']), + .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled='true']) { + background: rgba(0, 0, 0, 0.04); } + + @media (hover: none) { + .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) + .mat-expansion-panel-header:hover { + background: white; } } + + .mat-expansion-panel-header-title { + color: rgba(0, 0, 0, 0.87); } + + .mat-expansion-panel-header-description, + .mat-expansion-indicator::after { + color: rgba(0, 0, 0, 0.54); } + + .mat-expansion-panel-header[aria-disabled='true'] { + color: rgba(0, 0, 0, 0.26); } + .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title, + .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description { + color: inherit; } + + .mat-expansion-panel-header { + height: 48px; } + .mat-expansion-panel-header.mat-expanded { + height: 64px; } + + .mat-form-field-label { + color: rgba(0, 0, 0, 0.6); } + + .mat-hint { + color: rgba(0, 0, 0, 0.6); } + + .mat-form-field.mat-focused .mat-form-field-label { + color: #009688; } + .mat-form-field.mat-focused .mat-form-field-label.mat-accent { + color: #64ffe3; } + .mat-form-field.mat-focused .mat-form-field-label.mat-warn { + color: #f44336; } + + .mat-focused .mat-form-field-required-marker { + color: #64ffe3; } + + .mat-form-field-ripple { + background-color: rgba(0, 0, 0, 0.87); } + + .mat-form-field.mat-focused .mat-form-field-ripple { + background-color: #009688; } + .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { + background-color: #64ffe3; } + .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { + background-color: #f44336; } + + .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { + color: #009688; } + + .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { + color: #64ffe3; } + + .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { + color: #f44336; } + + .mat-form-field.mat-form-field-invalid .mat-form-field-label { + color: #f44336; } + .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, + .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { + color: #f44336; } + + .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, + .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { + background-color: #f44336; } + + .mat-error { + color: #f44336; } + + .mat-form-field-appearance-legacy .mat-form-field-label { + color: rgba(0, 0, 0, 0.54); } + + .mat-form-field-appearance-legacy .mat-hint { + color: rgba(0, 0, 0, 0.54); } + + .mat-form-field-appearance-legacy .mat-form-field-underline { + background-color: rgba(0, 0, 0, 0.42); } + + .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); + background-size: 4px 100%; + background-repeat: repeat-x; } + + .mat-form-field-appearance-standard .mat-form-field-underline { + background-color: rgba(0, 0, 0, 0.42); } + + .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); + background-size: 4px 100%; + background-repeat: repeat-x; } + + .mat-form-field-appearance-fill .mat-form-field-flex { + background-color: rgba(0, 0, 0, 0.04); } + + .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { + background-color: rgba(0, 0, 0, 0.02); } + + .mat-form-field-appearance-fill .mat-form-field-underline::before { + background-color: rgba(0, 0, 0, 0.42); } + + .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { + color: rgba(0, 0, 0, 0.38); } + + .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { + background-color: transparent; } + + .mat-form-field-appearance-outline .mat-form-field-outline { + color: rgba(0, 0, 0, 0.12); } + + .mat-form-field-appearance-outline .mat-form-field-outline-thick { + color: rgba(0, 0, 0, 0.87); } + + .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { + color: #009688; } + + .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { + color: #64ffe3; } + + .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { + color: #f44336; } + + .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { + color: #f44336; } + + .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { + color: rgba(0, 0, 0, 0.38); } + + .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { + color: rgba(0, 0, 0, 0.06); } + + .mat-icon.mat-primary { + color: #009688; } + + .mat-icon.mat-accent { + color: #64ffe3; } + + .mat-icon.mat-warn { + color: #f44336; } + + .mat-form-field-type-mat-native-select .mat-form-field-infix::after { + color: rgba(0, 0, 0, 0.54); } + + .mat-input-element:disabled, + .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { + color: rgba(0, 0, 0, 0.38); } + + .mat-input-element { + caret-color: #009688; } + .mat-input-element::placeholder { + color: rgba(0, 0, 0, 0.42); } + .mat-input-element::-moz-placeholder { + color: rgba(0, 0, 0, 0.42); } + .mat-input-element::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.42); } + .mat-input-element:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.42); } + + .mat-form-field.mat-accent .mat-input-element { + caret-color: #64ffe3; } + + .mat-form-field.mat-warn .mat-input-element, + .mat-form-field-invalid .mat-input-element { + caret-color: #f44336; } + + .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { + color: #f44336; } + + .mat-list-base .mat-list-item { + color: rgba(0, 0, 0, 0.87); } + + .mat-list-base .mat-list-option { + color: rgba(0, 0, 0, 0.87); } + + .mat-list-base .mat-subheader { + color: rgba(0, 0, 0, 0.54); } + + .mat-list-item-disabled { + background-color: #eeeeee; } + + .mat-list-option:hover, .mat-list-option:focus, + .mat-nav-list .mat-list-item:hover, + .mat-nav-list .mat-list-item:focus, + .mat-action-list .mat-list-item:hover, + .mat-action-list .mat-list-item:focus { + background: rgba(0, 0, 0, 0.04); } + + .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { + background: rgba(0, 0, 0, 0.12); } + + .mat-menu-panel { + background: white; } + .mat-menu-panel:not([class*='mat-elevation-z']) { + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } + + .mat-menu-item { + background: transparent; + color: rgba(0, 0, 0, 0.87); } + .mat-menu-item[disabled], .mat-menu-item[disabled]::after { + color: rgba(0, 0, 0, 0.38); } + + .mat-menu-item .mat-icon-no-color, + .mat-menu-item-submenu-trigger::after { + color: rgba(0, 0, 0, 0.54); } + + .mat-menu-item:hover:not([disabled]), + .mat-menu-item.cdk-program-focused:not([disabled]), + .mat-menu-item.cdk-keyboard-focused:not([disabled]), + .mat-menu-item-highlighted:not([disabled]) { + background: rgba(0, 0, 0, 0.04); } + + .mat-paginator { + background: white; } + + .mat-paginator, + .mat-paginator-page-size .mat-select-trigger { + color: rgba(0, 0, 0, 0.54); } + + .mat-paginator-decrement, + .mat-paginator-increment { + border-top: 2px solid rgba(0, 0, 0, 0.54); + border-right: 2px solid rgba(0, 0, 0, 0.54); } + + .mat-paginator-first, + .mat-paginator-last { + border-top: 2px solid rgba(0, 0, 0, 0.54); } + + .mat-icon-button[disabled] .mat-paginator-decrement, + .mat-icon-button[disabled] .mat-paginator-increment, + .mat-icon-button[disabled] .mat-paginator-first, + .mat-icon-button[disabled] .mat-paginator-last { + border-color: rgba(0, 0, 0, 0.38); } + + .mat-paginator-container { + min-height: 56px; } + + .mat-progress-bar-background { + fill: #b3e0db; } + + .mat-progress-bar-buffer { + background-color: #b3e0db; } + + .mat-progress-bar-fill::after { + background-color: #009688; } + + .mat-progress-bar.mat-accent .mat-progress-bar-background { + fill: #97ffec; } + + .mat-progress-bar.mat-accent .mat-progress-bar-buffer { + background-color: #97ffec; } + + .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { + background-color: #64ffe3; } + + .mat-progress-bar.mat-warn .mat-progress-bar-background { + fill: #ffcdd2; } + + .mat-progress-bar.mat-warn .mat-progress-bar-buffer { + background-color: #ffcdd2; } + + .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { + background-color: #f44336; } + + .mat-progress-spinner circle, .mat-spinner circle { + stroke: #009688; } + + .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { + stroke: #64ffe3; } + + .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { + stroke: #f44336; } + + .mat-radio-outer-circle { + border-color: rgba(0, 0, 0, 0.54); } + + .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { + border-color: #009688; } + + .mat-radio-button.mat-primary .mat-radio-inner-circle, + .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), + .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, + .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { + background-color: #009688; } + + .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { + border-color: #64ffe3; } + + .mat-radio-button.mat-accent .mat-radio-inner-circle, + .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), + .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, + .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { + background-color: #64ffe3; } + + .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { + border-color: #f44336; } + + .mat-radio-button.mat-warn .mat-radio-inner-circle, + .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), + .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, + .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { + background-color: #f44336; } + + .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, + .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { + border-color: rgba(0, 0, 0, 0.38); } + + .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, + .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { + background-color: rgba(0, 0, 0, 0.38); } + + .mat-radio-button.mat-radio-disabled .mat-radio-label-content { + color: rgba(0, 0, 0, 0.38); } + + .mat-radio-button .mat-ripple-element { + background-color: black; } + + .mat-select-value { + color: rgba(0, 0, 0, 0.87); } + + .mat-select-placeholder { + color: rgba(0, 0, 0, 0.42); } + + .mat-select-disabled .mat-select-value { + color: rgba(0, 0, 0, 0.38); } + + .mat-select-arrow { + color: rgba(0, 0, 0, 0.54); } + + .mat-select-panel { + background: white; } + .mat-select-panel:not([class*='mat-elevation-z']) { + box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } + .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { + background: rgba(0, 0, 0, 0.12); } + + .mat-form-field.mat-focused.mat-primary .mat-select-arrow { + color: #009688; } + + .mat-form-field.mat-focused.mat-accent .mat-select-arrow { + color: #64ffe3; } + + .mat-form-field.mat-focused.mat-warn .mat-select-arrow { + color: #f44336; } + + .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { + color: #f44336; } + + .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { + color: rgba(0, 0, 0, 0.38); } + + .mat-drawer-container { + background-color: #fafafa; + color: rgba(0, 0, 0, 0.87); } + + .mat-drawer { + background-color: white; + color: rgba(0, 0, 0, 0.87); } + .mat-drawer.mat-drawer-push { + background-color: white; } + .mat-drawer:not(.mat-drawer-side) { + box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } + + .mat-drawer-side { + border-right: solid 1px rgba(0, 0, 0, 0.12); } + .mat-drawer-side.mat-drawer-end { + border-left: solid 1px rgba(0, 0, 0, 0.12); + border-right: none; } + + [dir='rtl'] .mat-drawer-side { + border-left: solid 1px rgba(0, 0, 0, 0.12); + border-right: none; } + [dir='rtl'] .mat-drawer-side.mat-drawer-end { + border-left: none; + border-right: solid 1px rgba(0, 0, 0, 0.12); } + + .mat-drawer-backdrop.mat-drawer-shown { + background-color: rgba(0, 0, 0, 0.6); } + + .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { + background-color: #64ffe3; } + + .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { + background-color: rgba(100, 255, 227, 0.54); } + + .mat-slide-toggle.mat-checked .mat-ripple-element { + background-color: #64ffe3; } + + .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { + background-color: #009688; } + + .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { + background-color: rgba(0, 150, 136, 0.54); } + + .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { + background-color: #009688; } + + .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { + background-color: #f44336; } + + .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { + background-color: rgba(244, 67, 54, 0.54); } + + .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { + background-color: #f44336; } + + .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { + background-color: black; } + + .mat-slide-toggle-thumb { + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + background-color: #fafafa; } + + .mat-slide-toggle-bar { + background-color: rgba(0, 0, 0, 0.38); } + + .mat-slider-track-background { + background-color: rgba(0, 0, 0, 0.26); } + + .mat-primary .mat-slider-track-fill, + .mat-primary .mat-slider-thumb, + .mat-primary .mat-slider-thumb-label { + background-color: #009688; } + + .mat-primary .mat-slider-thumb-label-text { + color: white; } + + .mat-primary .mat-slider-focus-ring { + background-color: rgba(0, 150, 136, 0.2); } + + .mat-accent .mat-slider-track-fill, + .mat-accent .mat-slider-thumb, + .mat-accent .mat-slider-thumb-label { + background-color: #64ffe3; } + + .mat-accent .mat-slider-thumb-label-text { + color: black; } + + .mat-accent .mat-slider-focus-ring { + background-color: rgba(100, 255, 227, 0.2); } + + .mat-warn .mat-slider-track-fill, + .mat-warn .mat-slider-thumb, + .mat-warn .mat-slider-thumb-label { + background-color: #f44336; } + + .mat-warn .mat-slider-thumb-label-text { + color: white; } + + .mat-warn .mat-slider-focus-ring { + background-color: rgba(244, 67, 54, 0.2); } + + .mat-slider:hover .mat-slider-track-background, + .cdk-focused .mat-slider-track-background { + background-color: rgba(0, 0, 0, 0.38); } + + .mat-slider-disabled .mat-slider-track-background, + .mat-slider-disabled .mat-slider-track-fill, + .mat-slider-disabled .mat-slider-thumb { + background-color: rgba(0, 0, 0, 0.26); } + + .mat-slider-disabled:hover .mat-slider-track-background { + background-color: rgba(0, 0, 0, 0.26); } + + .mat-slider-min-value .mat-slider-focus-ring { + background-color: rgba(0, 0, 0, 0.12); } + + .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, + .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { + background-color: rgba(0, 0, 0, 0.87); } + + .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, + .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { + background-color: rgba(0, 0, 0, 0.26); } + + .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { + border-color: rgba(0, 0, 0, 0.26); + background-color: transparent; } + + .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { + border-color: rgba(0, 0, 0, 0.38); } + + .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { + border-color: rgba(0, 0, 0, 0.26); } + + .mat-slider-has-ticks .mat-slider-wrapper::after { + border-color: rgba(0, 0, 0, 0.7); } + + .mat-slider-horizontal .mat-slider-ticks { + background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); + background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } + + .mat-slider-vertical .mat-slider-ticks { + background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } + + .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover { + background-color: rgba(0, 0, 0, 0.04); } + + @media (hover: none) { + .mat-step-header:hover { + background: none; } } + + .mat-step-header .mat-step-label, + .mat-step-header .mat-step-optional { + color: rgba(0, 0, 0, 0.54); } + + .mat-step-header .mat-step-icon { + background-color: rgba(0, 0, 0, 0.54); + color: white; } + + .mat-step-header .mat-step-icon-selected, + .mat-step-header .mat-step-icon-state-done, + .mat-step-header .mat-step-icon-state-edit { + background-color: #009688; + color: white; } + + .mat-step-header .mat-step-icon-state-error { + background-color: transparent; + color: #f44336; } + + .mat-step-header .mat-step-label.mat-step-label-active { + color: rgba(0, 0, 0, 0.87); } + + .mat-step-header .mat-step-label.mat-step-label-error { + color: #f44336; } + + .mat-stepper-horizontal, .mat-stepper-vertical { + background-color: white; } + + .mat-stepper-vertical-line::before { + border-left-color: rgba(0, 0, 0, 0.12); } + + .mat-horizontal-stepper-header::before, + .mat-horizontal-stepper-header::after, + .mat-stepper-horizontal-line { + border-top-color: rgba(0, 0, 0, 0.12); } + + .mat-horizontal-stepper-header { + height: 72px; } + + .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, + .mat-vertical-stepper-header { + padding: 24px 24px; } + + .mat-stepper-vertical-line::before { + top: -16px; + bottom: -16px; } + + .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { + top: 36px; } + + .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { + top: 36px; } + + .mat-sort-header-arrow { + color: #757575; } + + .mat-tab-nav-bar, + .mat-tab-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); } + + .mat-tab-group-inverted-header .mat-tab-nav-bar, + .mat-tab-group-inverted-header .mat-tab-header { + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; } + + .mat-tab-label, .mat-tab-link { + color: rgba(0, 0, 0, 0.87); } + .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { + color: rgba(0, 0, 0, 0.38); } + + .mat-tab-header-pagination-chevron { + border-color: rgba(0, 0, 0, 0.87); } + + .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(0, 0, 0, 0.38); } + + .mat-tab-group[class*='mat-background-'] .mat-tab-header, + .mat-tab-nav-bar[class*='mat-background-'] { + border-bottom: none; + border-top: none; } + + .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(179, 224, 219, 0.3); } + + .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { + background-color: #009688; } + + .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { + background-color: white; } + + .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(151, 255, 236, 0.3); } + + .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { + background-color: #64ffe3; } + + .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { + background-color: black; } + + .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); } + + .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { + background-color: #f44336; } + + .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { + background-color: white; } + + .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(179, 224, 219, 0.3); } + + .mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination { + background-color: #009688; } + + .mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link { + color: white; } + .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); } + + .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron { + border-color: white; } + + .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); } + + .mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); } + + .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(151, 255, 236, 0.3); } + + .mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination { + background-color: #64ffe3; } + + .mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link { + color: black; } + .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled { + color: rgba(0, 0, 0, 0.4); } + + .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron { + border-color: black; } + + .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(0, 0, 0, 0.4); } + + .mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element { + background-color: rgba(0, 0, 0, 0.12); } + + .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), + .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { + background-color: rgba(255, 205, 210, 0.3); } + + .mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination { + background-color: #f44336; } + + .mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link { + color: white; } + .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { + color: rgba(255, 255, 255, 0.4); } + + .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { + border-color: white; } + + .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { + border-color: rgba(255, 255, 255, 0.4); } + + .mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { + background-color: rgba(255, 255, 255, 0.12); } + + .mat-toolbar { + background: whitesmoke; + color: rgba(0, 0, 0, 0.87); } + .mat-toolbar.mat-primary { + background: #009688; + color: white; } + .mat-toolbar.mat-accent { + background: #64ffe3; + color: black; } + .mat-toolbar.mat-warn { + background: #f44336; + color: white; } + .mat-toolbar .mat-form-field-underline, + .mat-toolbar .mat-form-field-ripple, + .mat-toolbar .mat-focused .mat-form-field-ripple { + background-color: currentColor; } + .mat-toolbar .mat-form-field-label, + .mat-toolbar .mat-focused .mat-form-field-label, + .mat-toolbar .mat-select-value, + .mat-toolbar .mat-select-arrow, + .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { + color: inherit; } + .mat-toolbar .mat-input-element { + caret-color: currentColor; } + + .mat-toolbar-multiple-rows { + min-height: 64px; } + + .mat-toolbar-row, .mat-toolbar-single-row { + height: 64px; } + + @media (max-width: 599px) { + .mat-toolbar-multiple-rows { + min-height: 56px; } + .mat-toolbar-row, .mat-toolbar-single-row { + height: 56px; } } + + .mat-tooltip { + background: rgba(97, 97, 97, 0.9); } + + .mat-tree { + background: white; } + + .mat-tree-node, + .mat-nested-tree-node { + color: rgba(0, 0, 0, 0.87); } + + .mat-tree-node { + min-height: 48px; } + + .mat-snack-bar-container { + color: rgba(255, 255, 255, 0.7); + background: #323232; + box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } + + .mat-simple-snackbar-action { + color: #64ffe3; } + \ No newline at end of file diff --git a/core/templates/pages/header_css_libs.html b/core/templates/pages/header_css_libs.html index 23c8d75b6b31..63ddc7e81690 100644 --- a/core/templates/pages/header_css_libs.html +++ b/core/templates/pages/header_css_libs.html @@ -13,3 +13,5 @@ + \ No newline at end of file From 971ab07377ce7f650e5e17adb91c871a477ebfac Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 16 Jul 2020 19:05:50 +0530 Subject: [PATCH 18/45] Don't lint oppia-mat css --- .github/CODEOWNERS | 1 + scripts/linters/general_purpose_linter.py | 1 + 2 files changed, 2 insertions(+) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index b541865021af..e44d4853195d 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -236,6 +236,7 @@ # Global stylesheet. /core/templates/css/oppia.css @ankita240796 +/core/templates/css/oppia-material.css @srijanreddy98 @bansalnitish # Interaction project. diff --git a/scripts/linters/general_purpose_linter.py b/scripts/linters/general_purpose_linter.py index b34dcad865ce..b4311af253f7 100644 --- a/scripts/linters/general_purpose_linter.py +++ b/scripts/linters/general_purpose_linter.py @@ -39,6 +39,7 @@ 'core/tests/release_sources/tmp_unzip.zip', 'scripts/linters/test_files/*', 'core/tests/release_sources/tmp_unzip.tar.gz', 'core/templates/combined-tests.spec.ts', + 'core/templates/css/oppia-material.css', '%s/*' % js_ts_linter.COMPILED_TYPESCRIPT_TMP_PATH) GENERATED_FILE_PATHS = ( From 71e30d754e15ec2fc1129f44a4fe1329cb7bf911 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 16 Jul 2020 19:08:11 +0530 Subject: [PATCH 19/45] =?UTF-8?q?Lint=20check=20fixes=20=F0=9F=98=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- core/templates/pages/header_css_libs.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/templates/pages/header_css_libs.html b/core/templates/pages/header_css_libs.html index 63ddc7e81690..3645295bb6f1 100644 --- a/core/templates/pages/header_css_libs.html +++ b/core/templates/pages/header_css_libs.html @@ -14,4 +14,4 @@ \ No newline at end of file + href="/templates/css/oppia-material.css"> From 904fd86b6990080778ca78c88a20f1efb7b6fb1c Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Fri, 17 Jul 2020 14:46:24 +0530 Subject: [PATCH 20/45] Material --- core/templates/components/material.module.ts | 15 +++++-- .../components/shared-component.module.ts | 39 ++++++++++++++----- .../story-summary-tile.directive.html | 8 ++-- .../story-summary-tile.directive.ts | 28 +++++++++---- .../subtopic-summary-tile.directive.html | 6 +-- .../subtopic-summary-tile.directive.ts | 32 ++++++++++----- .../practice-tab/practice-tab.component.html | 22 +++++------ .../topic-viewer-stories-list.component.html | 6 +-- .../subtopics-list.component.html | 10 ++--- 9 files changed, 111 insertions(+), 55 deletions(-) diff --git a/core/templates/components/material.module.ts b/core/templates/components/material.module.ts index d8774d8d4b2f..e502dabac7ad 100644 --- a/core/templates/components/material.module.ts +++ b/core/templates/components/material.module.ts @@ -20,12 +20,21 @@ import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MatButtonModule } from '@angular/material/button'; import { MatCardModule } from '@angular/material/card'; +import { MatCheckboxModule } from '@angular/material/checkbox'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({ - imports: [CommonModule, BrowserAnimationsModule, - MatButtonModule, MatCardModule + imports: [ + CommonModule, + BrowserAnimationsModule, + MatButtonModule, + MatCheckboxModule, + MatCardModule ], - exports: [BrowserAnimationsModule, MatButtonModule, MatCardModule] + exports: [ + BrowserAnimationsModule, + MatButtonModule, + MatCheckboxModule, + MatCardModule] }) export class MaterialModule {} diff --git a/core/templates/components/shared-component.module.ts b/core/templates/components/shared-component.module.ts index 385a6e14c9ec..dd16ac946203 100644 --- a/core/templates/components/shared-component.module.ts +++ b/core/templates/components/shared-component.module.ts @@ -27,10 +27,14 @@ import { MaterialModule } from './material.module'; import { TranslatePipe } from 'filters/translate.pipe'; import { SkillMasteryViewerComponent } from './skill-mastery/skill-mastery.component'; -import { SharingLinksComponent } from - './common-layout-directives/common-elements/sharing-links.component'; import { ExplorationEmbedButtonModalComponent } from './button-directives/exploration-embed-button-modal.component'; +import { SharingLinksComponent } from + './common-layout-directives/common-elements/sharing-links.component'; +import { StorySummaryTileDirective } from + './summary-tile/story-summary-tile.directive'; +import { SubtopicSummaryTileDirective } from + './summary-tile/subtopic-summary-tile.directive'; import { SocialButtonsComponent } from 'components/button-directives/social-buttons.component'; import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap'; @@ -39,17 +43,34 @@ import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap'; @NgModule({ imports: [CommonModule, MaterialModule, NgbModalModule], - declarations: [BackgroundBannerComponent, TranslatePipe, - SharingLinksComponent, ExplorationEmbedButtonModalComponent, - SkillMasteryViewerComponent, SocialButtonsComponent], - entryComponents: [BackgroundBannerComponent, SharingLinksComponent, + + declarations: [ + BackgroundBannerComponent, + ExplorationEmbedButtonModalComponent, + SharingLinksComponent, + SkillMasteryViewerComponent, + StorySummaryTileDirective, + SocialButtonsComponent, + SubtopicSummaryTileDirective, + TranslatePipe + ], + + entryComponents: [ + BackgroundBannerComponent, + SharingLinksComponent, // These elements will remain here even after migration. - ExplorationEmbedButtonModalComponent, SkillMasteryViewerComponent, + ExplorationEmbedButtonModalComponent, + SkillMasteryViewerComponent, SocialButtonsComponent ], + exports: [ - BackgroundBannerComponent, TranslatePipe, - SharingLinksComponent, MaterialModule + BackgroundBannerComponent, + TranslatePipe, + SharingLinksComponent, + StorySummaryTileDirective, + SubtopicSummaryTileDirective, + MaterialModule ], }) diff --git a/core/templates/components/summary-tile/story-summary-tile.directive.html b/core/templates/components/summary-tile/story-summary-tile.directive.html index 192ca81ffc1d..b4ec38ab98a4 100644 --- a/core/templates/components/summary-tile/story-summary-tile.directive.html +++ b/core/templates/components/summary-tile/story-summary-tile.directive.html @@ -1,7 +1,7 @@
- <[$ctrl.getStorySummary().getTitle()]> + <[$ctrl.storySummary.getTitle()]> <[$ctrl.nodeCount]> <[($ctrl.nodeCount > 1) ? 's' : '']> @@ -9,13 +9,13 @@
+ ng-style="{background: $ctrl.storySummary.getThumbnailBgColor()}"> + ng-style="{background: $ctrl.storySummary.getThumbnailBgColor()}">
-
+
<[$index + 1]>: <[title]> diff --git a/core/templates/components/summary-tile/story-summary-tile.directive.ts b/core/templates/components/summary-tile/story-summary-tile.directive.ts index 8f488239d2c1..04fabd634642 100644 --- a/core/templates/components/summary-tile/story-summary-tile.directive.ts +++ b/core/templates/components/summary-tile/story-summary-tile.directive.ts @@ -27,10 +27,9 @@ angular.module('oppia').directive('storySummaryTile', [ restrict: 'E', scope: {}, bindToController: { - getStorySummary: '&storySummary' + storySummary: '<' }, - templateUrl: UrlInterpolationService.getDirectiveTemplateUrl( - '/components/summary-tile/story-summary-tile.directive.html'), + template: require('./story-summary-tile.directive.html'), controllerAs: '$ctrl', controller: [ 'AssetsBackendApiService', 'WindowDimensionsService', @@ -42,7 +41,7 @@ angular.module('oppia').directive('storySummaryTile', [ ctrl.getStoryLink = function() { return UrlInterpolationService.interpolateUrl( STORY_VIEWER_URL_TEMPLATE, { - story_id: ctrl.getStorySummary().getId() + story_id: ctrl.storySummary.getId() }); }; @@ -56,7 +55,7 @@ angular.module('oppia').directive('storySummaryTile', [ }; ctrl.$onInit = function() { - ctrl.nodeCount = ctrl.getStorySummary().getNodeTitles().length; + ctrl.nodeCount = ctrl.storySummary.getNodeTitles().length; ctrl.chaptersDisplayed = 3; if (WindowDimensionsService.getWidth() <= 800) { ctrl.chaptersDisplayed = 2; @@ -66,11 +65,11 @@ angular.module('oppia').directive('storySummaryTile', [ ctrl.showButton = true; } - if (ctrl.getStorySummary().getThumbnailFilename()) { + if (ctrl.storySummary.getThumbnailFilename()) { ctrl.thumbnailUrl = ( AssetsBackendApiService.getThumbnailUrlForPreview( - ENTITY_TYPE.STORY, ctrl.getStorySummary().getId(), - ctrl.getStorySummary().getThumbnailFilename())); + ENTITY_TYPE.STORY, ctrl.storySummary.getId(), + ctrl.storySummary.getThumbnailFilename())); } else { ctrl.thumbnailUrl = null; } @@ -79,3 +78,16 @@ angular.module('oppia').directive('storySummaryTile', [ ] }; }]); + +import { Directive, ElementRef, Injector, Input } from '@angular/core'; +import { UpgradeComponent } from '@angular/upgrade/static'; + +@Directive({ + selector: 'story-summary-tile' +}) +export class StorySummaryTileDirective extends UpgradeComponent { + @Input() storySummary; + constructor(elementRef: ElementRef, injector: Injector) { + super('storySummaryTile', elementRef, injector); + } +} diff --git a/core/templates/components/summary-tile/subtopic-summary-tile.directive.html b/core/templates/components/summary-tile/subtopic-summary-tile.directive.html index 32c91873ffbe..4ef21e846a07 100644 --- a/core/templates/components/summary-tile/subtopic-summary-tile.directive.html +++ b/core/templates/components/summary-tile/subtopic-summary-tile.directive.html @@ -1,12 +1,12 @@
+ ng-style="{background: $ctrl.subtopic.getThumbnailBgColor()}"> + ng-style="{background: $ctrl.subtopic.getThumbnailBgColor()}">
- <[$ctrl.getSubtopic().getTitle()]> + <[$ctrl.subtopic.getTitle()]>
+ \ No newline at end of file From b673e28215217770b886dbc2e309d6738b6b8b59 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 19 Jul 2020 13:24:05 +0530 Subject: [PATCH 24/45] Changes --- .../practice-tab/practice-tab.component.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index 53f88b2c893c..5e2650d6e8cd 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -68,8 +68,8 @@

.practice-tab .practice-session-button:disabled { background-color: rgba(0, 0, 0, .26); - color: rgba(0, 0, 0, .26); box-shadow: none; + color: rgba(0, 0, 0, .26); } .practice-tab .practice-tab-mat-checkbox { @@ -86,4 +86,4 @@

font-size: 1.2em; margin-bottom: 2.5vh; } - \ No newline at end of file + From 1fc880efb5684835b475bdb19e542d41554e9f06 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 19 Jul 2020 19:53:15 +0530 Subject: [PATCH 25/45] Changes to shared components --- .../components/shared-component.module.ts | 17 +++++++++-------- .../topic-viewer-page.component.ts | 6 +++--- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/core/templates/components/shared-component.module.ts b/core/templates/components/shared-component.module.ts index 88f01219c528..97093db8bc1b 100644 --- a/core/templates/components/shared-component.module.ts +++ b/core/templates/components/shared-component.module.ts @@ -47,25 +47,24 @@ import { SocialButtonsComponent } from import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap'; import { ExplorationSummaryTileDirective } from './summary-tile/exploration-summary-tile.directive'; -import { TopicSummaryTileComponent } from - './summary-tile/topic-summary-tile.component'; @NgModule({ imports: [CommonModule, MaterialModule, NgbModalModule, FormsModule], declarations: [ + AttributionGuideComponent, BackgroundBannerComponent, ExplorationEmbedButtonModalComponent, + ExplorationSummaryTileDirective, + LazyLoadingComponent, + LoadingDotsComponent, SharingLinksComponent, SkillMasteryViewerComponent, StorySummaryTileDirective, SocialButtonsComponent, SubtopicSummaryTileDirective, TranslatePipe, - AttributionGuideComponent, - LazyLoadingComponent, LoadingDotsComponent, - TopicSummaryTileComponent, ExplorationSummaryTileDirective ], entryComponents: [ @@ -80,14 +79,16 @@ import { TopicSummaryTileComponent } from ], exports: [ + // Modules. FormsModule, + MaterialModule, + // Components, directives, and pipes. BackgroundBannerComponent, - TranslatePipe, + ExplorationSummaryTileDirective, SharingLinksComponent, StorySummaryTileDirective, SubtopicSummaryTileDirective, - MaterialModule, - ExplorationSummaryTileDirective + TranslatePipe, ], }) diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts index 4df373ec8a5e..0483bbea2251 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts @@ -24,9 +24,9 @@ require('components/skills-mastery-list/skills-mastery-list.directive.ts'); require('pages/topic-viewer-page/info-tab/topic-info-tab.directive.ts'); require( 'pages/topic-viewer-page/stories-list/' + - 'topic-viewer-stories-list.component.ts'); -require('pages/topic-viewer-page/subtopics-list/subtopics-list.component.ts'); -require('pages/topic-viewer-page/practice-tab/practice-tab.component.ts'); + 'topic-viewer-stories-list.directive.ts'); +require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); +require('pages/topic-viewer-page/practice-tab/practice-tab.directive.ts'); require('domain/topic_viewer/topic-viewer-backend-api.service.ts'); require('services/alerts.service.ts'); require('services/page-title.service.ts'); From c227d7ee8a68f051af6524336f711c8ad0352c87 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 19 Jul 2020 20:16:47 +0530 Subject: [PATCH 26/45] fix main component file --- .../pages/topic-viewer-page/topic-viewer-page.component.ts | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts index 0483bbea2251..6e6161a8f8b7 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.ts @@ -24,9 +24,7 @@ require('components/skills-mastery-list/skills-mastery-list.directive.ts'); require('pages/topic-viewer-page/info-tab/topic-info-tab.directive.ts'); require( 'pages/topic-viewer-page/stories-list/' + - 'topic-viewer-stories-list.directive.ts'); -require('pages/topic-viewer-page/subtopics-list/subtopics-list.directive.ts'); -require('pages/topic-viewer-page/practice-tab/practice-tab.directive.ts'); + 'topic-viewer-stories-list.component.ts'); require('domain/topic_viewer/topic-viewer-backend-api.service.ts'); require('services/alerts.service.ts'); require('services/page-title.service.ts'); From c6c49f3dffc52545332ad0166d390e5c5e82313c Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 19 Jul 2020 20:28:47 +0530 Subject: [PATCH 27/45] Change subtopics component styling --- .../subtopics-list.component.html | 54 +++++++++++-------- 1 file changed, 32 insertions(+), 22 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index 7a2851b258ce..0d55e2b891a1 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -1,28 +1,38 @@ -
- -

- -

- - - -
- - -
- +
+
+ +

+ +

+
+ +
+
+ + +
+ +
From 5e98faa6b6570a7ab82573b4c6356b6ae0496f45 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 26 Jul 2020 19:01:07 +0530 Subject: [PATCH 31/45] Fix layout issues --- .../stories-list/topic-viewer-stories-list.component.html | 1 - 1 file changed, 1 deletion(-) diff --git a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html index 3deef1ef37dd..ad06702bd6f5 100644 --- a/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html +++ b/core/templates/pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component.html @@ -12,7 +12,6 @@

.stories-list .oppia-stories-list-container .oppia-page-card { padding: 30px 55px 30px 45px; - width: 550px; } .stories-list .tab-title { From d4410cec4f6541dc010633fd5c361c737134c007 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Sun, 26 Jul 2020 19:06:46 +0530 Subject: [PATCH 32/45] =?UTF-8?q?Files=20seem=20to=20fully=20cover=20thems?= =?UTF-8?q?elves=20=F0=9F=98=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- scripts/check_frontend_coverage.py | 1 - 1 file changed, 1 deletion(-) diff --git a/scripts/check_frontend_coverage.py b/scripts/check_frontend_coverage.py index c7a3fdc64fd4..796438075089 100644 --- a/scripts/check_frontend_coverage.py +++ b/scripts/check_frontend_coverage.py @@ -415,7 +415,6 @@ 'topic-selector.directive.ts', 'topic-summary-tile.directive.ts', 'topic-viewer-navbar-breadcrumb.component.ts', - 'topic-viewer-stories-list.component.ts', 'TopicObjectFactory.ts', 'topics-and-skills-dashboard-backend-api.service.ts', 'topics-and-skills-dashboard-navbar-breadcrumb.directive.ts', From 583a8041849bc9ab8f96a90dec5dc28873a79d6b Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Mon, 27 Jul 2020 13:17:08 +0530 Subject: [PATCH 33/45] Review --- core/templates/css/oppia.css | 2 +- .../topic-viewer-page.module.ts | 21 ++++++++++--------- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/core/templates/css/oppia.css b/core/templates/css/oppia.css index bdce8f0042d0..c57760df1bb4 100644 --- a/core/templates/css/oppia.css +++ b/core/templates/css/oppia.css @@ -2119,7 +2119,7 @@ pre.oppia-pre-wrapped-text { .oppia-add-response-button, .oppia-add-fallback-button, .oppia-add-hint-button { - background-color: rgba(5, 140, 166, 0.902); + background-color: rgba(5, 140, 166, 0.9); border: 0; border-radius: 0; color: white; diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index c5ad00f0b70b..ce9c8b13aa8c 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -31,28 +31,29 @@ import { BrowserModule } from '@angular/platform-browser'; import { downgradeComponent } from '@angular/upgrade/static'; import { HttpClientModule } from '@angular/common/http'; import { HTTP_INTERCEPTORS } from '@angular/common/http'; -import { RequestInterceptor } from 'services/request-interceptor.service'; -import { SharedComponentsModule } from 'components/shared-component.module'; -import { OppiaAngularRootComponent } from - 'components/oppia-angular-root.component'; import { AppConstants } from 'app.constants'; -import { InteractionsExtensionsConstants } from - 'interactions/interactions-extension.constants'; + +import { OppiaAngularRootComponent } from + 'components/oppia-angular-root.component'; +import { SharedComponentsModule } from 'components/shared-component.module'; import { ObjectsDomainConstants } from 'domain/objects/objects-domain.constants'; import { TopicViewerDomainConstants } from 'domain/topic_viewer/topic-viewer-domain.constants'; - +import { InteractionsExtensionsConstants } from + 'interactions/interactions-extension.constants'; +import { TopicViewerNavbarBreadcrumbComponent } from + // eslint-disable-next-line max-len + 'pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; import { PracticeTabComponent } from 'pages/topic-viewer-page/practice-tab/practice-tab.component'; import { StoriesListComponent } from 'pages/topic-viewer-page/stories-list/topic-viewer-stories-list.component'; import { SubtopicsListComponent } from 'pages/topic-viewer-page/subtopics-list/subtopics-list.component'; -import { TopicViewerNavbarBreadcrumbComponent } from - // eslint-disable-next-line max-len - 'pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component'; +import { RequestInterceptor } from 'services/request-interceptor.service'; + @NgModule({ imports: [ From 68d76d09c8b606f887ec6aa026a3bf02419240ec Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Mon, 27 Jul 2020 13:53:18 +0530 Subject: [PATCH 34/45] Review --- .../pages/topic-viewer-page/topic-viewer-page.module.ts | 2 -- 1 file changed, 2 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index ce9c8b13aa8c..91a8b0c47294 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -33,7 +33,6 @@ import { HttpClientModule } from '@angular/common/http'; import { HTTP_INTERCEPTORS } from '@angular/common/http'; import { AppConstants } from 'app.constants'; - import { OppiaAngularRootComponent } from 'components/oppia-angular-root.component'; import { SharedComponentsModule } from 'components/shared-component.module'; @@ -54,7 +53,6 @@ import { SubtopicsListComponent } from 'pages/topic-viewer-page/subtopics-list/subtopics-list.component'; import { RequestInterceptor } from 'services/request-interceptor.service'; - @NgModule({ imports: [ BrowserModule, From 82698977f155abd491cb1cf8ccd689a3ffbf7e4a Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Tue, 28 Jul 2020 09:59:09 +0530 Subject: [PATCH 35/45] Review --- core/templates/components/material.module.ts | 11 +++++----- core/templates/css/README.md | 20 +++++++++++++++++++ ...ic-viewer-navbar-breadcrumb.component.html | 2 +- .../practice-tab/practice-tab.component.ts | 14 ++++++++----- .../topic-viewer-page.module.ts | 16 +++++++++------ 5 files changed, 46 insertions(+), 17 deletions(-) create mode 100644 core/templates/css/README.md diff --git a/core/templates/components/material.module.ts b/core/templates/components/material.module.ts index e502dabac7ad..d3b8a7e27539 100644 --- a/core/templates/components/material.module.ts +++ b/core/templates/components/material.module.ts @@ -25,16 +25,17 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({ imports: [ - CommonModule, BrowserAnimationsModule, + CommonModule, MatButtonModule, - MatCheckboxModule, - MatCardModule + MatCardModule, + MatCheckboxModule ], exports: [ BrowserAnimationsModule, MatButtonModule, - MatCheckboxModule, - MatCardModule] + MatCardModule, + MatCheckboxModule + ] }) export class MaterialModule {} diff --git a/core/templates/css/README.md b/core/templates/css/README.md new file mode 100644 index 000000000000..328c22a4428d --- /dev/null +++ b/core/templates/css/README.md @@ -0,0 +1,20 @@ +Steps to generate oppia-material.css file: + +Video: https://drive.google.com/file/d/1bRA0824CV6cDNYANcX2KT4skNilKdynh/view?usp=sharing + +1. Clone angular components: `git clone https://github.com/angular/components.git` +2. `cd components` +3. `cd src/material/core/theming/prebuilt/` +4. `code .` (if you use vscode or open this folder in the code editor of your choice). +5. open any of the four files present in the folder. +6. Generate and copy a palette from http://mcg.mbitson.com/#!?oppia=%23009688 and paste it in the scss file. +7. Change `md` - `mat` and change $primary varibale value to be mat-palette($mat-oppia) in scss file. +8. Change $accent varibale value to be mat-pallete($mat-blue) +9. Install node-sass (`npm i -g node-sass`) +10. Run `node-sass ./deeppurple-amber.scss oppia-material.css` + +Material CSS doc: +PR Doc: https://docs.google.com/document/d/1UoCOC7XNhCZrWIMPAoR5Xex28OYWzteqXrqCU9gRUHQ/edit?usp=sharing + +Introduced in: #9577 +Updated in: N/A \ No newline at end of file diff --git a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html index d35fc3b4045a..dcb6a663f7d4 100644 --- a/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html +++ b/core/templates/pages/topic-viewer-page/navbar-breadcrumb/topic-viewer-navbar-breadcrumb.component.html @@ -1,6 +1,6 @@
- {{topicName}} + {{ topicName }}
diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts index ad31f1560626..239bbf496742 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.ts @@ -13,7 +13,7 @@ // limitations under the License. /** - * @fileoverview Component for the topic viewer practice tab + * @fileoverview Component for the topic viewer practice tab. */ import { Component, Input, OnInit } from '@angular/core'; @@ -22,7 +22,7 @@ import { downgradeComponent } from '@angular/upgrade/static'; import { Subtopic } from 'domain/topic/SubtopicObjectFactory'; import { UrlInterpolationService } from 'domain/utilities/url-interpolation.service'; -import { PracticeSessionPageConstants} from +import { PracticeSessionPageConstants } from 'pages/practice-session-page/practice-session-page.constants.ts'; @Component({ @@ -36,9 +36,11 @@ export class PracticeTabComponent implements OnInit { selectedSubtopics: Array = []; availableSubtopics: Array = []; selectedSubtopicIndices: Array = []; + constructor( - private urlInterpolationService: UrlInterpolationService) { - } + private urlInterpolationService: UrlInterpolationService + ) {} + ngOnInit(): void { this.selectedSubtopics = []; this.availableSubtopics = this.subtopicsList.filter( @@ -49,6 +51,7 @@ export class PracticeTabComponent implements OnInit { this.selectedSubtopicIndices = Array( this.availableSubtopics.length).fill(false); } + isStartButtonDisabled(): boolean { for (var idx in this.selectedSubtopicIndices) { if (this.selectedSubtopicIndices[idx]) { @@ -57,6 +60,7 @@ export class PracticeTabComponent implements OnInit { } return true; } + openNewPracticeSession(): void { const selectedSubtopicIds = []; for (let idx in this.selectedSubtopicIndices) { @@ -65,7 +69,7 @@ export class PracticeTabComponent implements OnInit { this.availableSubtopics[idx].getId()); } } - var practiceSessionsUrl = this.urlInterpolationService.interpolateUrl( + const practiceSessionsUrl = this.urlInterpolationService.interpolateUrl( PracticeSessionPageConstants.PRACTICE_SESSIONS_URL, { topic_name: this.topicName, comma_separated_subtopic_ids: selectedSubtopicIds.join(',') diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts index 91a8b0c47294..e71cd8246ab2 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.module.ts @@ -60,14 +60,18 @@ import { RequestInterceptor } from 'services/request-interceptor.service'; SharedComponentsModule ], declarations: [ - OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent, StoriesListComponent, - SubtopicsListComponent + OppiaAngularRootComponent, + PracticeTabComponent, + StoriesListComponent, + SubtopicsListComponent, + TopicViewerNavbarBreadcrumbComponent ], entryComponents: [ - OppiaAngularRootComponent, PracticeTabComponent, - TopicViewerNavbarBreadcrumbComponent, StoriesListComponent, - SubtopicsListComponent + OppiaAngularRootComponent, + PracticeTabComponent, + StoriesListComponent, + SubtopicsListComponent, + TopicViewerNavbarBreadcrumbComponent ], providers: [ AppConstants, From 6eb8da12436ab1cb998390b33b9869452019d353 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Tue, 28 Jul 2020 10:12:42 +0530 Subject: [PATCH 36/45] Review --- .github/CODEOWNERS | 1 + core/templates/css/README.md | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index b938b4f37242..bd4bb8261af0 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -358,6 +358,7 @@ /core/README.md @ankita240796 /extensions/README.md @ankita240796 /scripts/README.md @ankita240796 +/core/templates/css/README.md @srijanreddy98 @bansalnitish # Skill project. /core/controllers/concept_card_viewer*.py @aks681 diff --git a/core/templates/css/README.md b/core/templates/css/README.md index 328c22a4428d..6f2d143e0541 100644 --- a/core/templates/css/README.md +++ b/core/templates/css/README.md @@ -17,4 +17,4 @@ Material CSS doc: PR Doc: https://docs.google.com/document/d/1UoCOC7XNhCZrWIMPAoR5Xex28OYWzteqXrqCU9gRUHQ/edit?usp=sharing Introduced in: #9577 -Updated in: N/A \ No newline at end of file +Updated in: N/A From fcd8d18ca365c9679f2f4dd77acd4213a43d13b9 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Wed, 29 Jul 2020 09:05:24 +0530 Subject: [PATCH 37/45] Change button and checkbox styles --- .../practice-tab/practice-tab.component.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index 5e2650d6e8cd..3bdd8c19cc3b 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -9,14 +9,14 @@

- + {{ subtopic.getTitle() }}
-
@@ -62,8 +62,14 @@

} .practice-tab .practice-session-button { + align-self: center; background-color: #00645C; + border-radius: 0.4em; color: white; + font-family: "Roboto", Arial, sans-serif; + margin-top: 20px; + text-transform: uppercase; + width: 200px; } .practice-tab .practice-session-button:disabled { From f56dc11a78bb68dec6abaa7e230ead991dde29c8 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Wed, 29 Jul 2020 09:58:43 +0530 Subject: [PATCH 38/45] Update readme.ms --- core/templates/css/README.md | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/core/templates/css/README.md b/core/templates/css/README.md index 6f2d143e0541..a46d497b40ca 100644 --- a/core/templates/css/README.md +++ b/core/templates/css/README.md @@ -1,4 +1,27 @@ -Steps to generate oppia-material.css file: +# CSS +## Overview +This folder contains all the global style sheets for the oppia frontend. + +## Files: +1. oppia.css — Custom css styles written by the oppia-devs for the frontend. +2. oppia-material.css — Material CSS for the oppia-codebase. This css file is generated and shouldn't be modified at all. + +## Modification procedure: +1. oppia.css can be modified with proper reasoning in the pr that modifies the file. +2. oppia-material.css shouldn't be changed at any cost. No changes are accepted in this file. + If, at any time, the oppia-material.css is overriding the styles in oppia.css, create a style tag in the directive and make the selectors more specific. + +## Oppia Material +**If at any time the css file is regenerated please update the pr number here** + +- Introduced in: #9577 +- Updated in: N/A (Comma seperated pr numbers). + +### Info +More info regardign the oppia-material.css can be found in this doc: +Material CSS doc: https://docs.google.com/document/d/1UoCOC7XNhCZrWIMPAoR5Xex28OYWzteqXrqCU9gRUHQ/edit?usp=sharing + +### Steps to generate oppia-material.css file: Video: https://drive.google.com/file/d/1bRA0824CV6cDNYANcX2KT4skNilKdynh/view?usp=sharing @@ -12,9 +35,3 @@ Video: https://drive.google.com/file/d/1bRA0824CV6cDNYANcX2KT4skNilKdynh/view?us 8. Change $accent varibale value to be mat-pallete($mat-blue) 9. Install node-sass (`npm i -g node-sass`) 10. Run `node-sass ./deeppurple-amber.scss oppia-material.css` - -Material CSS doc: -PR Doc: https://docs.google.com/document/d/1UoCOC7XNhCZrWIMPAoR5Xex28OYWzteqXrqCU9gRUHQ/edit?usp=sharing - -Introduced in: #9577 -Updated in: N/A From e8d759066a97e290e142672a7b7674b2a6473f10 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Wed, 29 Jul 2020 15:12:42 +0530 Subject: [PATCH 39/45] Review --- core/templates/components/shared-component.module.ts | 4 ++-- core/templates/css/README.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/core/templates/components/shared-component.module.ts b/core/templates/components/shared-component.module.ts index 97093db8bc1b..4ae8d8b48d6e 100644 --- a/core/templates/components/shared-component.module.ts +++ b/core/templates/components/shared-component.module.ts @@ -64,7 +64,7 @@ import { ExplorationSummaryTileDirective } from StorySummaryTileDirective, SocialButtonsComponent, SubtopicSummaryTileDirective, - TranslatePipe, + TranslatePipe ], entryComponents: [ @@ -88,7 +88,7 @@ import { ExplorationSummaryTileDirective } from SharingLinksComponent, StorySummaryTileDirective, SubtopicSummaryTileDirective, - TranslatePipe, + TranslatePipe ], }) diff --git a/core/templates/css/README.md b/core/templates/css/README.md index a46d497b40ca..081bcdb8e137 100644 --- a/core/templates/css/README.md +++ b/core/templates/css/README.md @@ -18,7 +18,7 @@ This folder contains all the global style sheets for the oppia frontend. - Updated in: N/A (Comma seperated pr numbers). ### Info -More info regardign the oppia-material.css can be found in this doc: +More info regarding the oppia-material.css can be found in this doc: Material CSS doc: https://docs.google.com/document/d/1UoCOC7XNhCZrWIMPAoR5Xex28OYWzteqXrqCU9gRUHQ/edit?usp=sharing ### Steps to generate oppia-material.css file: From 1bbc5b2e04fe16f442d58b9033df6e35d676bf83 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 30 Jul 2020 10:43:33 +0530 Subject: [PATCH 40/45] Style changes --- core/templates/css/oppia-material.css | 800 +++++++++++++++--- .../practice-tab/practice-tab.component.html | 2 +- .../subtopics-list.component.html | 13 +- 3 files changed, 702 insertions(+), 113 deletions(-) diff --git a/core/templates/css/oppia-material.css b/core/templates/css/oppia-material.css index 8cdfd7501aa8..d841fbf03a44 100644 --- a/core/templates/css/oppia-material.css +++ b/core/templates/css/oppia-material.css @@ -591,7 +591,592 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-mdc-focus-indicator { position: relative; } -/* For use in src/lib/core/theming/_palette.scss */ +.mat-badge-content { + font-weight: 600; + font-size: 12px; + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-badge-small .mat-badge-content { + font-size: 9px; } + +.mat-badge-large .mat-badge-content { + font-size: 24px; } + +.mat-h1, .mat-headline, .mat-typography h1 { + font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + +.mat-h2, .mat-title, .mat-typography h2 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + +.mat-h3, .mat-subheading-2, .mat-typography h3 { + font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + +.mat-h4, .mat-subheading-1, .mat-typography h4 { + font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 16px; } + +.mat-h5, .mat-typography h5 { + font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + +.mat-h6, .mat-typography h6 { + font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif; + margin: 0 0 12px; } + +.mat-body-strong, .mat-body-2 { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-body, .mat-body-1, .mat-typography { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + .mat-body p, .mat-body-1 p, .mat-typography p { + margin: 0 0 12px; } + +.mat-small, .mat-caption { + font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-display-4, .mat-typography .mat-display-4 { + font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.05em; + margin: 0 0 56px; } + +.mat-display-3, .mat-typography .mat-display-3 { + font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.02em; + margin: 0 0 64px; } + +.mat-display-2, .mat-typography .mat-display-2 { + font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: -0.005em; + margin: 0 0 64px; } + +.mat-display-1, .mat-typography .mat-display-1 { + font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0 0 64px; } + +.mat-bottom-sheet-container { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, +.mat-flat-button, .mat-fab, .mat-mini-fab { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + +.mat-button-toggle { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-card { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-card-title { + font-size: 24px; + font-weight: 500; } + +.mat-card-header .mat-card-title { + font-size: 20px; } + +.mat-card-subtitle, +.mat-card-content { + font-size: 14px; } + +.mat-checkbox { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-checkbox-layout .mat-checkbox-label { + line-height: 24px; } + +.mat-chip { + font-size: 14px; + font-weight: 500; } + .mat-chip .mat-chip-trailing-icon.mat-icon, + .mat-chip .mat-chip-remove.mat-icon { + font-size: 18px; } + +.mat-table { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-header-cell { + font-size: 12px; + font-weight: 500; } + +.mat-cell, .mat-footer-cell { + font-size: 14px; } + +.mat-calendar { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-calendar-body { + font-size: 13px; } + +.mat-calendar-body-label, +.mat-calendar-period-button { + font-size: 14px; + font-weight: 500; } + +.mat-calendar-table-header th { + font-size: 11px; + font-weight: 400; } + +.mat-dialog-title { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-expansion-panel-header { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 15px; + font-weight: 400; } + +.mat-expansion-panel-content { + font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-form-field { + font-size: inherit; + font-weight: 400; + line-height: 1.125; + font-family: Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-form-field-wrapper { + padding-bottom: 1.34375em; } + +.mat-form-field-prefix .mat-icon, +.mat-form-field-suffix .mat-icon { + font-size: 150%; + line-height: 1.125; } + +.mat-form-field-prefix .mat-icon-button, +.mat-form-field-suffix .mat-icon-button { + height: 1.5em; + width: 1.5em; } + .mat-form-field-prefix .mat-icon-button .mat-icon, + .mat-form-field-suffix .mat-icon-button .mat-icon { + height: 1.125em; + line-height: 1.125; } + +.mat-form-field-infix { + padding: 0.5em 0; + border-top: 0.84375em solid transparent; } + +.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.34373em) scale(0.75); + width: 133.33335%; } + +.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.34372em) scale(0.75); + width: 133.33336%; } + +.mat-form-field-label-wrapper { + top: -0.84375em; + padding-top: 0.84375em; } + +.mat-form-field-label { + top: 1.34375em; } + +.mat-form-field-underline { + bottom: 1.34375em; } + +.mat-form-field-subscript-wrapper { + font-size: 75%; + margin-top: 0.66667em; + top: calc(100% - 1.79167em); } + +.mat-form-field-appearance-legacy .mat-form-field-wrapper { + padding-bottom: 1.25em; } + +.mat-form-field-appearance-legacy .mat-form-field-infix { + padding: 0.4375em 0; } + +.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px); + -ms-transform: translateY(-1.28119em) scale(0.75); + width: 133.33339%; } + +.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px); + -ms-transform: translateY(-1.28118em) scale(0.75); + width: 133.3334%; } + +.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px); + -ms-transform: translateY(-1.28117em) scale(0.75); + width: 133.33341%; } + +.mat-form-field-appearance-legacy .mat-form-field-label { + top: 1.28125em; } + +.mat-form-field-appearance-legacy .mat-form-field-underline { + bottom: 1.25em; } + +.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { + margin-top: 0.54167em; + top: calc(100% - 1.66667em); } + +@media print { + .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.28116em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.28115em) scale(0.75); } + .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.28114em) scale(0.75); } } + +.mat-form-field-appearance-fill .mat-form-field-infix { + padding: 0.25em 0 0.75em 0; } + +.mat-form-field-appearance-fill .mat-form-field-label { + top: 1.09375em; + margin-top: -0.5em; } + +.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-0.59373em) scale(0.75); + width: 133.33335%; } + +.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-0.59372em) scale(0.75); + width: 133.33336%; } + +.mat-form-field-appearance-outline .mat-form-field-infix { + padding: 1em 0 1em 0; } + +.mat-form-field-appearance-outline .mat-form-field-label { + top: 1.84375em; + margin-top: -0.25em; } + +.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, +.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { + transform: translateY(-1.59373em) scale(0.75); + width: 133.33335%; } + +.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper +.mat-form-field-label { + transform: translateY(-1.59372em) scale(0.75); + width: 133.33336%; } + +.mat-grid-tile-header, +.mat-grid-tile-footer { + font-size: 14px; } + .mat-grid-tile-header .mat-line, + .mat-grid-tile-footer .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-grid-tile-header .mat-line:nth-child(n+2), + .mat-grid-tile-footer .mat-line:nth-child(n+2) { + font-size: 12px; } + +input.mat-input-element { + margin-top: -0.0625em; } + +.mat-menu-item { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 400; } + +.mat-paginator, +.mat-paginator-page-size .mat-select-trigger { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; } + +.mat-radio-button { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-select { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-select-trigger { + height: 1.125em; } + +.mat-slide-toggle-content { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-slider-thumb-label-text { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + +.mat-stepper-vertical, .mat-stepper-horizontal { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-step-label { + font-size: 14px; + font-weight: 400; } + +.mat-step-sub-label-error { + font-weight: normal; } + +.mat-step-label-error { + font-size: 14px; } + +.mat-step-label-selected { + font-size: 14px; + font-weight: 500; } + +.mat-tab-group { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-tab-label, .mat-tab-link { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + +.mat-toolbar, +.mat-toolbar h1, +.mat-toolbar h2, +.mat-toolbar h3, +.mat-toolbar h4, +.mat-toolbar h5, +.mat-toolbar h6 { + font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; + margin: 0; } + +.mat-tooltip { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 10px; + padding-top: 6px; + padding-bottom: 6px; } + +.mat-tooltip-handset { + font-size: 14px; + padding-top: 8px; + padding-bottom: 8px; } + +.mat-list-item { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-list-option { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-list-base .mat-list-item { + font-size: 16px; } + .mat-list-base .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { + font-size: 14px; } + +.mat-list-base .mat-list-option { + font-size: 16px; } + .mat-list-base .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { + font-size: 14px; } + +.mat-list-base .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 500; } + +.mat-list-base[dense] .mat-list-item { + font-size: 12px; } + .mat-list-base[dense] .mat-list-item .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { + font-size: 12px; } + +.mat-list-base[dense] .mat-list-option { + font-size: 12px; } + .mat-list-base[dense] .mat-list-option .mat-line { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + box-sizing: border-box; } + .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { + font-size: 12px; } + +.mat-list-base[dense] .mat-subheader { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 12px; + font-weight: 500; } + +.mat-option { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 16px; } + +.mat-optgroup-label { + font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; + letter-spacing: normal; } + +.mat-simple-snackbar { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; } + +.mat-simple-snackbar-action { + line-height: 1; + font-family: inherit; + font-size: inherit; + font-weight: 500; } + +.mat-tree { + font-family: Roboto, "Helvetica Neue", sans-serif; } + +.mat-tree-node, +.mat-nested-tree-node { + font-weight: 400; + font-size: 14px; } + +.mat-ripple { + overflow: hidden; + position: relative; } + .mat-ripple:not(:empty) { + transform: translateZ(0); } + +.mat-ripple.mat-ripple-unbounded { + overflow: visible; } + +.mat-ripple-element { + position: absolute; + border-radius: 50%; + pointer-events: none; + transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); + transform: scale(0); } + .cdk-high-contrast-active .mat-ripple-element { + display: none; } + +.cdk-visually-hidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + outline: 0; + -webkit-appearance: none; + -moz-appearance: none; } + +.cdk-overlay-container, .cdk-global-overlay-wrapper { + pointer-events: none; + top: 0; + left: 0; + height: 100%; + width: 100%; } + +.cdk-overlay-container { + position: fixed; + z-index: 1000; } + .cdk-overlay-container:empty { + display: none; } + +.cdk-global-overlay-wrapper { + display: flex; + position: absolute; + z-index: 1000; } + +.cdk-overlay-pane { + position: absolute; + pointer-events: auto; + box-sizing: border-box; + z-index: 1000; + display: flex; + max-width: 100%; + max-height: 100%; } + +.cdk-overlay-backdrop { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + pointer-events: auto; + -webkit-tap-highlight-color: transparent; + transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); + opacity: 0; } + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 1; } + @media screen and (-ms-high-contrast: active) { + .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { + opacity: 0.6; } } + +.cdk-overlay-dark-backdrop { + background: rgba(0, 0, 0, 0.32); } + +.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { + opacity: 0; } + +.cdk-overlay-connected-position-bounding-box { + position: absolute; + z-index: 1000; + display: flex; + flex-direction: column; + min-width: 1px; + min-height: 1px; } + +.cdk-global-scrollblock { + position: fixed; + width: 100%; + overflow-y: scroll; } + +@keyframes cdk-text-field-autofill-start { + /*!*/ } + +@keyframes cdk-text-field-autofill-end { + /*!*/ } + +.cdk-text-field-autofill-monitored:-webkit-autofill { + animation: cdk-text-field-autofill-start 0s 1ms; } + +.cdk-text-field-autofill-monitored:not(:-webkit-autofill) { + animation: cdk-text-field-autofill-end 0s 1ms; } + +textarea.cdk-textarea-autosize { + resize: none; } + +textarea.cdk-textarea-autosize-measuring { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: auto !important; + overflow: hidden !important; } + +textarea.cdk-textarea-autosize-measuring-firefox { + padding: 2px 0 !important; + box-sizing: content-box !important; + height: 0 !important; } + +.mat-focus-indicator { + position: relative; } + +.mat-mdc-focus-indicator { + position: relative; } + .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } @@ -608,13 +1193,13 @@ textarea.cdk-textarea-autosize-measuring-firefox { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { - color: #009688; } + color: #00645c; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #448aff; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { - color: #f44336; } + color: #ffcc00; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } @@ -632,7 +1217,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { - background: #009688; } + background: #00645c; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, @@ -642,7 +1227,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { - background: #f44336; } + background: #ffcc00; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { @@ -742,7 +1327,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-badge-content { color: white; - background: #009688; } + background: #00645c; } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } @@ -752,8 +1337,8 @@ textarea.cdk-textarea-autosize-measuring-firefox { color: white; } .mat-badge-warn .mat-badge-content { - color: white; - background: #f44336; } + color: black; + background: #ffcc00; } .mat-badge { position: relative; } @@ -910,19 +1495,19 @@ textarea.cdk-textarea-autosize-measuring-firefox { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { - color: #009688; } + color: #00645c; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #448aff; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { - color: #f44336; } + color: #ffcc00; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { - background-color: #009688; } + background-color: #00645c; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #448aff; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { - background-color: #f44336; } + background-color: #ffcc00; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { @@ -943,15 +1528,15 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { - color: white; } + color: black; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { - background-color: #009688; } + background-color: #00645c; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #448aff; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { - background-color: #f44336; } + background-color: #ffcc00; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { @@ -959,7 +1544,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.1); } .mat-stroked-button:not([class*='mat-elevation-z']), .mat-flat-button:not([class*='mat-elevation-z']) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } @@ -1058,13 +1643,13 @@ textarea.cdk-textarea-autosize-measuring-firefox { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { - background-color: #009688; } + background-color: #00645c; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #448aff; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { - background-color: #f44336; } + background-color: #ffcc00; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } @@ -1080,7 +1665,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { - background: #009688; } + background: #00645c; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { @@ -1088,7 +1673,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { - background: #f44336; } + background: #ffcc00; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; @@ -1106,7 +1691,7 @@ textarea.cdk-textarea-autosize-measuring-firefox { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { - background-color: #009688; + background-color: #00645c; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; @@ -1115,13 +1700,13 @@ textarea.cdk-textarea-autosize-measuring-firefox { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { - background-color: #f44336; - color: white; } + background-color: #ffcc00; + color: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { - color: white; + color: black; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.1); } + background-color: rgba(0, 0, 0, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #448aff; @@ -1192,18 +1777,18 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { - background: rgba(0, 150, 136, 0.2); } + background: rgba(0, 100, 92, 0.2); } .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + background: linear-gradient(to right, rgba(0, 100, 92, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + background: linear-gradient(to left, rgba(0, 100, 92, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } @@ -1212,11 +1797,11 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { background: #46a35e; } .mat-calendar-body-selected { - background-color: #009688; + background-color: #00645c; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(0, 150, 136, 0.4); } + background-color: rgba(0, 100, 92, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } @@ -1247,36 +1832,36 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { - background: rgba(244, 67, 54, 0.2); } + background: rgba(255, 204, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before { - background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + background: linear-gradient(to right, rgba(255, 204, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before { - background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } + background: linear-gradient(to left, rgba(255, 204, 0, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { - background-color: #f44336; - color: white; } + background-color: #ffcc00; + color: black; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { - background-color: rgba(244, 67, 54, 0.4); } + background-color: rgba(255, 204, 0, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { - box-shadow: inset 0 0 0 1px white; } + box-shadow: inset 0 0 0 1px black; } .mat-datepicker-content-touch { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { - color: #009688; } + color: #00645c; } .mat-datepicker-toggle-active.mat-accent { color: #448aff; } .mat-datepicker-toggle-active.mat-warn { - color: #f44336; } + color: #ffcc00; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } @@ -1336,11 +1921,11 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { - color: #009688; } + color: #00645c; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #448aff; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { - color: #f44336; } + color: #ffcc00; } .mat-focused .mat-form-field-required-marker { color: #448aff; } @@ -1349,33 +1934,33 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { - background-color: #009688; } + background-color: #00645c; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #448aff; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { - background-color: #f44336; } + background-color: #ffcc00; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { - color: #009688; } + color: #00645c; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #448aff; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { - color: #f44336; } + color: #ffcc00; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { - color: #f44336; } + color: #ffcc00; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { - color: #f44336; } + color: #ffcc00; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { - background-color: #f44336; } + background-color: #ffcc00; } .mat-error { - color: #f44336; } + color: #ffcc00; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } @@ -1421,16 +2006,16 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { - color: #009688; } + color: #00645c; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #448aff; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { - color: #f44336; } + color: #ffcc00; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { - color: #f44336; } + color: #ffcc00; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } @@ -1439,13 +2024,13 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { - color: #009688; } + color: #00645c; } .mat-icon.mat-accent { color: #448aff; } .mat-icon.mat-warn { - color: #f44336; } + color: #ffcc00; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } @@ -1455,7 +2040,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { color: rgba(0, 0, 0, 0.38); } .mat-input-element { - caret-color: #009688; } + caret-color: #00645c; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { @@ -1470,10 +2055,10 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { - caret-color: #f44336; } + caret-color: #ffcc00; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { - color: #f44336; } + color: #ffcc00; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } @@ -1544,52 +2129,52 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { min-height: 56px; } .mat-progress-bar-background { - fill: #b3e0db; } + fill: #b3d1ce; } .mat-progress-bar-buffer { - background-color: #b3e0db; } + background-color: #b3d1ce; } .mat-progress-bar-fill::after { - background-color: #009688; } + background-color: #00645c; } .mat-progress-bar.mat-accent .mat-progress-bar-background { - fill: #2962ff; } + fill: #82b1ff; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { - background-color: #2962ff; } + background-color: #82b1ff; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #448aff; } .mat-progress-bar.mat-warn .mat-progress-bar-background { - fill: #ffcdd2; } + fill: #fff0b3; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { - background-color: #ffcdd2; } + background-color: #fff0b3; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { - background-color: #f44336; } + background-color: #ffcc00; } .mat-progress-spinner circle, .mat-spinner circle { - stroke: #009688; } + stroke: #00645c; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #448aff; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { - stroke: #f44336; } + stroke: #ffcc00; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { - border-color: #009688; } + border-color: #00645c; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { - background-color: #009688; } + background-color: #00645c; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #448aff; } @@ -1601,13 +2186,13 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { background-color: #448aff; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { - border-color: #f44336; } + border-color: #ffcc00; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { - background-color: #f44336; } + background-color: #ffcc00; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { @@ -1643,16 +2228,16 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { - color: #009688; } + color: #00645c; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #448aff; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { - color: #f44336; } + color: #ffcc00; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { - color: #f44336; } + color: #ffcc00; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } @@ -1695,22 +2280,22 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { background-color: #448aff; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { - background-color: #009688; } + background-color: #00645c; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { - background-color: rgba(0, 150, 136, 0.54); } + background-color: rgba(0, 100, 92, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { - background-color: #009688; } + background-color: #00645c; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { - background-color: #f44336; } + background-color: #ffcc00; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { - background-color: rgba(244, 67, 54, 0.54); } + background-color: rgba(255, 204, 0, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { - background-color: #f44336; } + background-color: #ffcc00; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } @@ -1728,13 +2313,13 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { - background-color: #009688; } + background-color: #00645c; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-primary .mat-slider-focus-ring { - background-color: rgba(0, 150, 136, 0.2); } + background-color: rgba(0, 100, 92, 0.2); } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, @@ -1750,13 +2335,13 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { - background-color: #f44336; } + background-color: #ffcc00; } .mat-warn .mat-slider-thumb-label-text { - color: white; } + color: black; } .mat-warn .mat-slider-focus-ring { - background-color: rgba(244, 67, 54, 0.2); } + background-color: rgba(255, 204, 0, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { @@ -1819,18 +2404,18 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { - background-color: #009688; + background-color: #00645c; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; - color: #f44336; } + color: #ffcc00; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { - color: #f44336; } + color: #ffcc00; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } @@ -1893,10 +2478,10 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(179, 224, 219, 0.3); } + background-color: rgba(179, 209, 206, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { - background-color: #009688; } + background-color: #00645c; } .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } @@ -1906,7 +2491,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(41, 98, 255, 0.3); } + background-color: rgba(130, 177, 255, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #448aff; } @@ -1919,23 +2504,23 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } + background-color: rgba(255, 240, 179, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { - background-color: #f44336; } + background-color: #ffcc00; } .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { - background-color: white; } + background-color: black; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(179, 224, 219, 0.3); } + background-color: rgba(179, 209, 206, 0.3); } .mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination { - background-color: #009688; } + background-color: #00645c; } .mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link { color: white; } @@ -1956,7 +2541,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(41, 98, 255, 0.3); } + background-color: rgba(130, 177, 255, 0.3); } .mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination { background-color: #448aff; } @@ -1980,37 +2565,37 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { - background-color: rgba(255, 205, 210, 0.3); } + background-color: rgba(255, 240, 179, 0.3); } .mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination { - background-color: #f44336; } + background-color: #ffcc00; } .mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link { - color: white; } + color: black; } .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled { - color: rgba(255, 255, 255, 0.4); } + color: rgba(0, 0, 0, 0.4); } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron { - border-color: white; } + border-color: black; } .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { - border-color: rgba(255, 255, 255, 0.4); } + border-color: rgba(0, 0, 0, 0.4); } .mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element { - background-color: rgba(255, 255, 255, 0.12); } + background-color: rgba(0, 0, 0, 0.12); } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { - background: #009688; + background: #00645c; color: white; } .mat-toolbar.mat-accent { background: #448aff; color: white; } .mat-toolbar.mat-warn { - background: #f44336; - color: white; } + background: #ffcc00; + color: black; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { @@ -2056,3 +2641,4 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell { .mat-simple-snackbar-action { color: #448aff; } + \ No newline at end of file diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index 3bdd8c19cc3b..cec15cff987f 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -16,7 +16,7 @@

-
diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index aca8b15496b0..2138f1a29092 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -8,11 +8,13 @@

- - +
+ + +
@@ -38,6 +40,7 @@

grid-template-columns: 170px 170px 170px; justify-content: space-between; margin-left: 20px; + margin-bottom: 20px; } .subtopics-list subtopic-summary-tile { From 40a70123e6311c73885530071a979d954839b186 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 30 Jul 2020 10:52:36 +0530 Subject: [PATCH 41/45] Style changes --- .../subtopics-list/subtopics-list.component.html | 1 - 1 file changed, 1 deletion(-) diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index 2138f1a29092..9fe528f29fe3 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -40,7 +40,6 @@

grid-template-columns: 170px 170px 170px; justify-content: space-between; margin-left: 20px; - margin-bottom: 20px; } .subtopics-list subtopic-summary-tile { From bdf05914494e4401d47ba714d0b3232a3d40e222 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 30 Jul 2020 11:16:56 +0530 Subject: [PATCH 42/45] Style changes --- .../subtopics-list/subtopics-list.component.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html index 9fe528f29fe3..57132e18ca77 100644 --- a/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html +++ b/core/templates/pages/topic-viewer-page/subtopics-list/subtopics-list.component.html @@ -9,10 +9,9 @@

- +
From d87ed9a322a4c3b7836143b9f24f05cd893698d9 Mon Sep 17 00:00:00 2001 From: Srijan Reddy Date: Thu, 6 Aug 2020 00:16:04 +0530 Subject: [PATCH 43/45] Style changes --- .../pages/topic-viewer-page/topic-viewer-page.component.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html index b0dc1c11686a..4d8c2f026c55 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html @@ -18,7 +18,7 @@
-
  • +
  • Date: Fri, 7 Aug 2020 00:33:41 +0530 Subject: [PATCH 44/45] Changes --- .../practice-tab/practice-tab.component.html | 7 ++++++- .../topic-viewer-page/topic-viewer-page.component.html | 2 +- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index cec15cff987f..a658054f26b6 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -17,7 +17,7 @@

    @@ -30,6 +30,11 @@

    width: 550px; } + .practice-tab .font-heavy { + font-size: medium; + font-weight: bold; + } + .practice-tab .tab-title { margin: .83em 0; } diff --git a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html index 4d8c2f026c55..b0dc1c11686a 100644 --- a/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html +++ b/core/templates/pages/topic-viewer-page/topic-viewer-page.component.html @@ -18,7 +18,7 @@

    • -
  • +
  • Date: Fri, 7 Aug 2020 08:20:50 +0530 Subject: [PATCH 45/45] Review --- .github/CODEOWNERS | 2 +- .../topic-viewer-page/practice-tab/practice-tab.component.html | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index ab861862cd81..77ac2087bfe0 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -353,9 +353,9 @@ # Readme /core/README.md @ankita240796 +/core/templates/css/README.md @srijanreddy98 @bansalnitish /extensions/README.md @ankita240796 /scripts/README.md @ankita240796 -/core/templates/css/README.md @srijanreddy98 @bansalnitish # Skill project. /core/controllers/concept_card_viewer*.py @aks681 diff --git a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html index a658054f26b6..c2725e5f703e 100644 --- a/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html +++ b/core/templates/pages/topic-viewer-page/practice-tab/practice-tab.component.html @@ -33,6 +33,7 @@

    .practice-tab .font-heavy { font-size: medium; font-weight: bold; + letter-spacing: 0.0625em; } .practice-tab .tab-title {