From f446cfb57f14004d6b34b137f8fa9802f6fdbdf6 Mon Sep 17 00:00:00 2001 From: Sudarshan Kumar Date: Fri, 6 Dec 2019 22:50:16 +0530 Subject: Added portal-FE-common - angular upgrade code Added Layout Component- Footeter, global-search, header, header-menu, search-user, sidebar, tabbar, userbar and also added Account Onbaording changes Issue-ID: PORTAL-795 Change-Id: I815add150ba12c868c1b0f80f3dfcdf4ea804d70 Signed-off-by: Sudarshan Kumar --- portal-FE-common/src/styles/_fonts.scss | 61 ++ portal-FE-common/src/styles/_responsive.scss | 44 ++ portal-FE-common/src/styles/_spinner.scss | 67 ++ portal-FE-common/src/styles/_utils.scss | 40 + portal-FE-common/src/styles/app.scss | 154 ++++ portal-FE-common/src/styles/bootstrap/_alert.scss | 51 ++ portal-FE-common/src/styles/bootstrap/_badge.scss | 47 ++ .../src/styles/bootstrap/_breadcrumb.scss | 38 + .../src/styles/bootstrap/_button-group.scss | 166 ++++ .../src/styles/bootstrap/_buttons.scss | 147 ++++ portal-FE-common/src/styles/bootstrap/_card.scss | 270 +++++++ .../src/styles/bootstrap/_carousel.scss | 191 +++++ portal-FE-common/src/styles/bootstrap/_close.scss | 34 + portal-FE-common/src/styles/bootstrap/_code.scss | 56 ++ .../src/styles/bootstrap/_custom-forms.scss | 282 +++++++ .../src/styles/bootstrap/_dropdown.scss | 131 +++ portal-FE-common/src/styles/bootstrap/_forms.scss | 333 ++++++++ .../src/styles/bootstrap/_functions.scss | 86 ++ portal-FE-common/src/styles/bootstrap/_grid.scss | 52 ++ portal-FE-common/src/styles/bootstrap/_images.scss | 42 + .../src/styles/bootstrap/_input-group.scss | 156 ++++ .../src/styles/bootstrap/_jumbotron.scss | 16 + .../src/styles/bootstrap/_list-group.scss | 115 +++ portal-FE-common/src/styles/bootstrap/_media.scss | 8 + portal-FE-common/src/styles/bootstrap/_mixins.scss | 42 + portal-FE-common/src/styles/bootstrap/_modal.scss | 168 ++++ portal-FE-common/src/styles/bootstrap/_nav.scss | 118 +++ portal-FE-common/src/styles/bootstrap/_navbar.scss | 311 ++++++++ .../src/styles/bootstrap/_pagination.scss | 72 ++ .../src/styles/bootstrap/_popover.scss | 183 +++++ portal-FE-common/src/styles/bootstrap/_print.scss | 110 +++ .../src/styles/bootstrap/_progress.scss | 33 + portal-FE-common/src/styles/bootstrap/_reboot.scss | 505 ++++++++++++ portal-FE-common/src/styles/bootstrap/_root.scss | 19 + portal-FE-common/src/styles/bootstrap/_tables.scss | 180 +++++ .../src/styles/bootstrap/_tooltip.scss | 115 +++ .../src/styles/bootstrap/_transitions.scss | 36 + portal-FE-common/src/styles/bootstrap/_type.scss | 125 +++ .../src/styles/bootstrap/_utilities.scss | 14 + .../src/styles/bootstrap/_variables.scss | 874 +++++++++++++++++++++ .../src/styles/bootstrap/bootstrap-grid.scss | 35 + .../src/styles/bootstrap/bootstrap-reboot.scss | 12 + .../src/styles/bootstrap/bootstrap.scss | 42 + .../src/styles/bootstrap/mixins/_alert.scss | 13 + .../bootstrap/mixins/_background-variant.scss | 21 + .../src/styles/bootstrap/mixins/_badge.scss | 12 + .../styles/bootstrap/mixins/_border-radius.scss | 35 + .../src/styles/bootstrap/mixins/_box-shadow.scss | 5 + .../src/styles/bootstrap/mixins/_breakpoints.scss | 121 +++ .../src/styles/bootstrap/mixins/_buttons.scss | 101 +++ .../src/styles/bootstrap/mixins/_caret.scss | 65 ++ .../src/styles/bootstrap/mixins/_clearfix.scss | 7 + .../src/styles/bootstrap/mixins/_float.scss | 11 + .../src/styles/bootstrap/mixins/_forms.scss | 133 ++++ .../src/styles/bootstrap/mixins/_gradients.scss | 45 ++ .../styles/bootstrap/mixins/_grid-framework.scss | 69 ++ .../src/styles/bootstrap/mixins/_grid.scss | 52 ++ .../src/styles/bootstrap/mixins/_hover.scss | 61 ++ .../src/styles/bootstrap/mixins/_image.scss | 36 + .../src/styles/bootstrap/mixins/_list-group.scss | 24 + .../src/styles/bootstrap/mixins/_lists.scss | 7 + .../src/styles/bootstrap/mixins/_nav-divider.scss | 10 + .../src/styles/bootstrap/mixins/_navbar-align.scss | 10 + .../src/styles/bootstrap/mixins/_pagination.scss | 22 + .../src/styles/bootstrap/mixins/_reset-text.scss | 17 + .../src/styles/bootstrap/mixins/_resize.scss | 6 + .../styles/bootstrap/mixins/_screen-reader.scss | 35 + .../src/styles/bootstrap/mixins/_size.scss | 6 + .../src/styles/bootstrap/mixins/_table-row.scss | 30 + .../styles/bootstrap/mixins/_text-emphasis.scss | 14 + .../src/styles/bootstrap/mixins/_text-hide.scss | 9 + .../styles/bootstrap/mixins/_text-truncate.scss | 8 + .../src/styles/bootstrap/mixins/_transition.scss | 9 + .../src/styles/bootstrap/mixins/_visibility.scss | 7 + .../src/styles/bootstrap/utilities/_align.scss | 8 + .../styles/bootstrap/utilities/_background.scss | 19 + .../src/styles/bootstrap/utilities/_borders.scss | 54 ++ .../src/styles/bootstrap/utilities/_clearfix.scss | 3 + .../src/styles/bootstrap/utilities/_display.scss | 56 ++ .../src/styles/bootstrap/utilities/_embed.scss | 52 ++ .../src/styles/bootstrap/utilities/_flex.scss | 46 ++ .../src/styles/bootstrap/utilities/_float.scss | 9 + .../src/styles/bootstrap/utilities/_position.scss | 36 + .../styles/bootstrap/utilities/_screenreaders.scss | 11 + .../src/styles/bootstrap/utilities/_sizing.scss | 12 + .../src/styles/bootstrap/utilities/_spacing.scss | 51 ++ .../src/styles/bootstrap/utilities/_text.scss | 52 ++ .../styles/bootstrap/utilities/_visibility.scss | 11 + 88 files changed, 7002 insertions(+) create mode 100644 portal-FE-common/src/styles/_fonts.scss create mode 100644 portal-FE-common/src/styles/_responsive.scss create mode 100644 portal-FE-common/src/styles/_spinner.scss create mode 100644 portal-FE-common/src/styles/_utils.scss create mode 100644 portal-FE-common/src/styles/app.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_alert.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_badge.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_breadcrumb.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_button-group.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_buttons.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_card.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_carousel.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_close.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_code.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_custom-forms.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_dropdown.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_forms.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_functions.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_grid.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_images.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_input-group.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_jumbotron.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_list-group.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_media.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_mixins.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_modal.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_nav.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_navbar.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_pagination.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_popover.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_print.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_progress.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_reboot.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_root.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_tables.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_tooltip.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_transitions.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_type.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_utilities.scss create mode 100644 portal-FE-common/src/styles/bootstrap/_variables.scss create mode 100644 portal-FE-common/src/styles/bootstrap/bootstrap-grid.scss create mode 100644 portal-FE-common/src/styles/bootstrap/bootstrap-reboot.scss create mode 100644 portal-FE-common/src/styles/bootstrap/bootstrap.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_alert.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_background-variant.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_badge.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_border-radius.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_box-shadow.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_breakpoints.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_buttons.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_caret.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_clearfix.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_float.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_forms.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_gradients.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_grid-framework.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_grid.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_hover.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_image.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_list-group.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_lists.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_nav-divider.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_navbar-align.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_pagination.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_reset-text.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_resize.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_screen-reader.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_size.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_table-row.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_text-emphasis.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_text-hide.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_text-truncate.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_transition.scss create mode 100644 portal-FE-common/src/styles/bootstrap/mixins/_visibility.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_align.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_background.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_borders.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_clearfix.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_display.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_embed.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_flex.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_float.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_position.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_screenreaders.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_sizing.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_spacing.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_text.scss create mode 100644 portal-FE-common/src/styles/bootstrap/utilities/_visibility.scss (limited to 'portal-FE-common/src/styles') diff --git a/portal-FE-common/src/styles/_fonts.scss b/portal-FE-common/src/styles/_fonts.scss new file mode 100644 index 00000000..77118314 --- /dev/null +++ b/portal-FE-common/src/styles/_fonts.scss @@ -0,0 +1,61 @@ +/*- + * ============LICENSE_START========================================== + * ONAP Portal + * =================================================================== + * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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. + * + * ============LICENSE_END============================================ + * + * + */ +@font-face { + font-family: Omnes-ECOMP-W02, Arial; + src: local("Omnes-ECOMP-W02"), url(../assets/fonts/omnesatt2-regular-webfont.ttf) format("truetype"), + url(../assets/fonts/omnesatt2-regular-webfont.woff) format("woff"), + url(../assets/fonts/omnesatt2-regular-webfont.eot) format("eot"); +} + +@font-face { + font-family: Omnes-ECOMP-W02-Medium, Arial; + src: url(../assets/fonts/omnesatt2-medium-webfont.ttf) format("truetype"); +} + +@font-face { + font-family: Omnes-ECOMP-W02-Light, Arial; + src: url(../assets/fonts/omnesatt2-light-webfont.ttf) format("truetype"); +} +@font-face { + font-family: Omnes-ECOMP-W02-Italic, Arial; + src: url(../assets/fonts/omnesatt2-lightitalic-webfont.ttf) format("truetype"); +} +@font-face { + font-family: Omnes-ECOMP-W02-Bold, Arial; + src: url(../assets/fonts/omnesatt2-bold-webfont.ttf) format("truetype"); +} diff --git a/portal-FE-common/src/styles/_responsive.scss b/portal-FE-common/src/styles/_responsive.scss new file mode 100644 index 00000000..0e659d9f --- /dev/null +++ b/portal-FE-common/src/styles/_responsive.scss @@ -0,0 +1,44 @@ +/*- + * ============LICENSE_START========================================== + * ONAP Portal + * =================================================================== + * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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. + * + * ============LICENSE_END============================================ + * + * + */ +@media screen and (max-width: 992px) { + .push-right { + .sidebar { + left: 270px !important; + } + } +} diff --git a/portal-FE-common/src/styles/_spinner.scss b/portal-FE-common/src/styles/_spinner.scss new file mode 100644 index 00000000..406ca78a --- /dev/null +++ b/portal-FE-common/src/styles/_spinner.scss @@ -0,0 +1,67 @@ +/*- + * ============LICENSE_START========================================== + * ONAP Portal + * =================================================================== + * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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. + * + * ============LICENSE_END============================================ + * + * + */ +.ecomp-spinner { + background: url('../assets/images/spinner.gif') top left no-repeat; + width: 32px; + height: 32px; + position: absolute; + top: 35%; + left: calc(50% - 32px/2); +} +.ecomp-save-spinner { + background: url('../assets/images/spinner.gif') top left no-repeat; + width: 25px; + height: 25px; + background-size: 25px; + position: absolute; + left: -50px; + top: 2px; +} +.ecomp-small-spinner { + background: url('../assets/images/spinner.gif') top left no-repeat; + width: 25px; + height: 25px; + background-size: 25px; + position: relative; + display: inline-block; + vertical-align: 2px; + cursor: pointer; + top: 6px; + color: transparent; + margin-left: 8px; +} diff --git a/portal-FE-common/src/styles/_utils.scss b/portal-FE-common/src/styles/_utils.scss new file mode 100644 index 00000000..8fabfe29 --- /dev/null +++ b/portal-FE-common/src/styles/_utils.scss @@ -0,0 +1,40 @@ +/*- + * ============LICENSE_START========================================== + * ONAP Portal + * =================================================================== + * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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. + * + * ============LICENSE_END============================================ + * + * + */ +.fs-12 { + font-size: 12px; +} diff --git a/portal-FE-common/src/styles/app.scss b/portal-FE-common/src/styles/app.scss new file mode 100644 index 00000000..643948c1 --- /dev/null +++ b/portal-FE-common/src/styles/app.scss @@ -0,0 +1,154 @@ +/*- + * ============LICENSE_START========================================== + * ONAP Portal + * =================================================================== + * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software 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. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * 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. + * + * ============LICENSE_END============================================ + * + * + */ +/* You can add global styles to this file, and also import other style files */ +@import "~@angular/material/prebuilt-themes/indigo-pink.css"; +@import "bootstrap/bootstrap"; +@import "utils"; +@import "responsive"; +@import "spinner"; +@import "fonts"; + +body { + font-family: "Open Sans", Arial, sans-serif !important; + overflow: hidden; + box-sizing: border-box; +} + +.cdk-global-overlay-wrapper, .cdk-overlay-container { + z-index: 99999 !important; +} + +table { + width: 100%; +} + +.modal-content { + border-radius: 0.6rem !important; +} + +.modal-header { + border-bottom: none; +} + +.modal-dialog { + max-width: 565px; +} +.container{ + padding-top: 1%; +} + +.btn{ + border: 1px solid transparent; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); + cursor: pointer; + display: inline-block; + font-weight: normal; + line-height: 1; + margin: 0 7px 10px 0; + max-width: 470px; + min-width: 70px; + position: relative; + text-align: center; + vertical-align: middle; + white-space: nowrap; + overflow: hidden; +} + +.btn.btn-primary { + float: right; + border-color: #087ac2 transparent #0568ae; + background-color: #0568ae; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); + color: #ffffff; + border: 1px solid transparent; + padding: 10px 19px 9px 18px; + border-radius: 8px; +} + +@media print { + .breadcrumb { + display: none !important; + } +} + +.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { + background-color: #0775bc; +} + +.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { + background-color: #0775bc; +} + +.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { + background-color: #0878bf; +} + +.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { + background-color: #f8f9fa; +} + +.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { + border-color: #0878bf; +} + +.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: #0878bf; +} + +.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { + color: #0776bd; +} + +.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { + background: #0775bc; +} + +.mat-grid-tile .mat-figure{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;align-items:initial !important;justify-content:flex-start !important;height:100%;padding:0;margin:0} +.mat-ink-bar{ height: 0px !important;} +.mat-tab-label{font-weight: 1000;} + +.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { + background-color: #0776bd; +} + +.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { + background-color: #0776bd; +} + + diff --git a/portal-FE-common/src/styles/bootstrap/_alert.scss b/portal-FE-common/src/styles/bootstrap/_alert.scss new file mode 100644 index 00000000..c2d5c810 --- /dev/null +++ b/portal-FE-common/src/styles/bootstrap/_alert.scss @@ -0,0 +1,51 @@ +// +// Base styles +// + +.alert { + position: relative; + padding: $alert-padding-y $alert-padding-x; + margin-bottom: $alert-margin-bottom; + border: $alert-border-width solid transparent; + @include border-radius($alert-border-radius); +} + +// Headings for larger alerts +.alert-heading { + // Specified to prevent conflicts of changing $headings-color + color: inherit; +} + +// Provide class for links that match alerts +.alert-link { + font-weight: $alert-link-font-weight; +} + + +// Dismissible alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissible { + padding-right: ($close-font-size + $alert-padding-x * 2); + + // Adjust close link position + .close { + position: absolute; + top: 0; + right: 0; + padding: $alert-padding-y $alert-padding-x; + color: inherit; + } +} + + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +@each $color, $value in $theme-colors { + .alert-#{$color} { + @include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6)); + } +} diff --git a/portal-FE-common/src/styles/bootstrap/_badge.scss b/portal-FE-common/src/styles/bootstrap/_badge.scss new file mode 100644 index 00000000..b87a1b00 --- /dev/null +++ b/portal-FE-common/src/styles/bootstrap/_badge.scss @@ -0,0 +1,47 @@ +// Base class +// +// Requires one of the contextual, color modifier classes for `color` and +// `background-color`. + +.badge { + display: inline-block; + padding: $badge-padding-y $badge-padding-x; + font-size: $badge-font-size; + font-weight: $badge-font-weight; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + @include border-radius($badge-border-radius); + + // Empty badges collapse automatically + &:empty { + display: none; + } +} + +// Quick fix for badges in buttons +.btn .badge { + position: relative; + top: -1px; +} + +// Pill badges +// +// Make them extra rounded with a modifier to replace v3's badges. + +.badge-pill { + padding-right: $badge-pill-padding-x; + padding-left: $badge-pill-padding-x; + @include border-radius($badge-pill-border-radius); +} + +// Colors +// +// Contextual variations (linked badges get darker on :hover). + +@each $color, $value in $theme-colors { + .badge-#{$color} { + @include badge-variant($value); + } +} diff --git a/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss b/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss new file mode 100644 index 00000000..25b9d85a --- /dev/null +++ b/portal-FE-common/src/styles/bootstrap/_breadcrumb.scss @@ -0,0 +1,38 @@ +.breadcrumb { + display: flex; + flex-wrap: wrap; + padding: $breadcrumb-padding-y $breadcrumb-padding-x; + margin-bottom: $breadcrumb-margin-bottom; + list-style: none; + background-color: $breadcrumb-bg; + @include border-radius($border-radius); +} + +.breadcrumb-item { + // The separator between breadcrumbs (by default, a forward-slash: "/") + + .breadcrumb-item::before { + display: inline-block; // Suppress underlining of the separator in modern browsers + padding-right: $breadcrumb-item-padding; + padding-left: $breadcrumb-item-padding; + color: $breadcrumb-divider-color; + content: "#{$breadcrumb-divider}"; + } + + // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built + // without `