AZEN-SGG/Kavita
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Angular Upgrade (#1059)

Browse source 
* Upgraded to Angular 12

* Bump ng-bootstrap for upgrade

* Angular 13 upgrade, ng-bootstrap bump

* Angular 13 upgrade (broken)

* Angular 13 upgrade. CSS is broken completely

* Angular 13 upgrade is complete.
This commit is contained in:
Joseph Milazzo 2022-02-11 15:23:26 -08:00 • committed by GitHub
parent d7450497a6
commit 97b1249a0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 4993 additions and 8937 deletions
Download patch file Download diff file Expand all files Collapse all files

18
UI/Web/src/styles.scss
View file

@ -1,14 +1,20 @@
@use '../node_modules/swiper/swiper.scss' as swiper;
@use '~bootstrap/scss/mixins/_breakpoints.scss' as breakpoints;
// Import colors for overrides of bootstrap theme
@import './theme/colors';
@import './theme/toastr';
// Bootstrap must be after _colors since we define the colors there
@import '~bootstrap/scss/bootstrap';
@import '~bootstrap/scss/mixins/_breakpoints.scss';
@import '~swiper/swiper.scss';
@import './assets/themes/dark.scss';
@import './theme/dark.scss';
// Global Styles
button:disabled, .form-control:disabled, .form-control[readonly], .disabled, :disabled {
@ -72,14 +78,16 @@ app-root {
}
// Utiliities
@include media-breakpoint-down(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
@include breakpoints.media-breakpoint-down(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
.phone-hidden {
display: none;
}
}
@include media-breakpoint-up(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
@include breakpoints.media-breakpoint-up(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) {
.not-phone-hidden {
display: none;
}