slasherss/ipwa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: styles

Browse Source
This commit is contained in:
Jan Szumotalski
2025-06-09 14:06:25 +02:00
parent c74e80721a
commit 5781f4ba61
7 changed files with 36 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
package-lock.json generated
View File

@@ -10,14 +10,14 @@
"license": "GPL-3.0-or-later", "license": "GPL-3.0-or-later",
"dependencies": { "dependencies": {
"@angular/animations": "^19.2.14", "@angular/animations": "^19.2.14",
"@angular/cdk": "^18.2.14", "@angular/cdk": "^19.2.18",
"@angular/cli": "^19.2.14", "@angular/cli": "^19.2.14",
"@angular/common": "^19.2.14", "@angular/common": "^19.2.14",
"@angular/compiler": "^19.2.14", "@angular/compiler": "^19.2.14",
"@angular/core": "^19.2.14", "@angular/core": "^19.2.14",
"@angular/forms": "^19.2.14", "@angular/forms": "^19.2.14",
"@angular/material": "^18.2.14", "@angular/material": "^19.2.18",
"@angular/material-moment-adapter": "^18.2.14", "@angular/material-moment-adapter": "^19.2.18",
"@angular/platform-browser": "^19.2.14", "@angular/platform-browser": "^19.2.14",
"@angular/platform-browser-dynamic": "^19.2.14", "@angular/platform-browser-dynamic": "^19.2.14",
"@angular/router": "^19.2.14", "@angular/router": "^19.2.14",
@@ -851,18 +851,16 @@
} }
}, },
"node_modules/@angular/cdk": { "node_modules/@angular/cdk": {
"version": "18.2.14", "version": "19.2.18",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.2.18.tgz",
"integrity": "sha512-vDyOh1lwjfVk9OqoroZAP8pf3xxKUvyl+TVR8nJxL4c5fOfUFkD7l94HaanqKSRwJcI2xiztuu92IVoHn8T33Q==", "integrity": "sha512-aGMHOYK/VV9PhxGTUDwiu/4ozoR/RKz8cimI+QjRxEBhzn4EPqjUDSganvlhmgS7cTN3+aqozdvF/GopMRJjLg==",
"dependencies": { "dependencies": {
"parse5": "^7.1.2",
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"optionalDependencies": {
"parse5": "^7.1.2"
},
"peerDependencies": { "peerDependencies": {
"@angular/common": "^18.0.0 || ^19.0.0", "@angular/common": "^19.0.0 || ^20.0.0",
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },
@@ -1104,32 +1102,31 @@
} }
}, },
"node_modules/@angular/material": { "node_modules/@angular/material": {
"version": "18.2.14", "version": "19.2.18",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/material/-/material-19.2.18.tgz",
"integrity": "sha512-28pxzJP49Mymt664WnCtPkKeg7kXUsQKTKGf/Kl95rNTEdTJLbnlcc8wV0rT0yQNR7kXgpfBnG7h0ETLv/iu5Q==", "integrity": "sha512-xxedRQ9u7aiUYVrHAxASLUxnofN29xaqEGhBcHLAfOsFXdDMwDe/2ly79iKufwEs5BFBm3nfhJoarXZ3+8pucQ==",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/animations": "^18.0.0 || ^19.0.0", "@angular/cdk": "19.2.18",
"@angular/cdk": "18.2.14", "@angular/common": "^19.0.0 || ^20.0.0",
"@angular/common": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/forms": "^19.0.0 || ^20.0.0",
"@angular/forms": "^18.0.0 || ^19.0.0", "@angular/platform-browser": "^19.0.0 || ^20.0.0",
"@angular/platform-browser": "^18.0.0 || ^19.0.0",
"rxjs": "^6.5.3 || ^7.4.0" "rxjs": "^6.5.3 || ^7.4.0"
} }
}, },
"node_modules/@angular/material-moment-adapter": { "node_modules/@angular/material-moment-adapter": {
"version": "18.2.14", "version": "19.2.18",
"resolved": "https://registry.npmjs.org/@angular/material-moment-adapter/-/material-moment-adapter-18.2.14.tgz", "resolved": "https://registry.npmjs.org/@angular/material-moment-adapter/-/material-moment-adapter-19.2.18.tgz",
"integrity": "sha512-igICm+qQl/KeglU4LcCHgSaaoJR6RUlDzpCs2+kfLSnsvAy5Z0ZauW3pbIsCEIDb0zknBqos9d8x+pXg/bncCQ==", "integrity": "sha512-YMXkwqaGILBypXIvLZe4cBk4mFttQJhaAjOwi5585Vmjq9sR9z9uViGSlbwfzbc7LRqV/2vphrbJYDsso7MNYQ==",
"dependencies": { "dependencies": {
"tslib": "^2.3.0" "tslib": "^2.3.0"
}, },
"peerDependencies": { "peerDependencies": {
"@angular/core": "^18.0.0 || ^19.0.0", "@angular/core": "^19.0.0 || ^20.0.0",
"@angular/material": "18.2.14", "@angular/material": "19.2.18",
"moment": "^2.18.1" "moment": "^2.18.1"
} }
}, },
@@ -7281,7 +7278,6 @@
"version": "4.5.0", "version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
"devOptional": true,
"engines": { "engines": {
"node": ">=0.12" "node": ">=0.12"
}, },
@@ -10729,7 +10725,6 @@
"version": "7.1.2", "version": "7.1.2",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz", "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==", "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
"devOptional": true,
"dependencies": { "dependencies": {
"entities": "^4.4.0" "entities": "^4.4.0"
}, },

6
package.json
View File

@@ -13,14 +13,14 @@
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^19.2.14", "@angular/animations": "^19.2.14",
"@angular/cdk": "^18.2.14", "@angular/cdk": "^19.2.18",
"@angular/cli": "^19.2.14", "@angular/cli": "^19.2.14",
"@angular/common": "^19.2.14", "@angular/common": "^19.2.14",
"@angular/compiler": "^19.2.14", "@angular/compiler": "^19.2.14",
"@angular/core": "^19.2.14", "@angular/core": "^19.2.14",
"@angular/forms": "^19.2.14", "@angular/forms": "^19.2.14",
"@angular/material": "^18.2.14", "@angular/material": "^19.2.18",
"@angular/material-moment-adapter": "^18.2.14", "@angular/material-moment-adapter": "^19.2.18",
"@angular/platform-browser": "^19.2.14", "@angular/platform-browser": "^19.2.14",
"@angular/platform-browser-dynamic": "^19.2.14", "@angular/platform-browser-dynamic": "^19.2.14",
"@angular/router": "^19.2.14", "@angular/router": "^19.2.14",

4
src/app/admin-view/grades/attendence-summary/attendence-summary.component.scss
View File

@@ -7,10 +7,10 @@
#legend { #legend {
display: flex; display: flex;
justify-self: center; justify-self: center;
gap: 3ch;
* { * {
margin: 2px; margin: 2px;
} }
gap: 3ch;
} }
.circle { .circle {
@@ -28,7 +28,7 @@
@for $n from 1 through 3 { @for $n from 1 through 3 {
&:nth-of-type(#{$n})::before { &:nth-of-type(#{$n})::before {
background-color: nth($list, $n); background-color: list.nth($list, $n);
} }
} }
} }

4
src/app/admin-view/news-edit/news-edit.component.scss
View File

@@ -11,11 +11,11 @@ mat-card-title {
mat-card-footer p { mat-card-footer p {
font-size: 0.8rem; font-size: 0.8rem;
color: #4a4a4a; color: #4a4a4a;
margin-bottom: 0;
text-align: end;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
color: #999999 color: #999999
} }
margin-bottom: 0;
text-align: end;
} }
mat-card-content p { mat-card-content p {

6
src/app/app-view/app-view.component.scss
View File

@@ -16,12 +16,12 @@
:host { :host {
width: 100%; width: 100%;
@supports (-webkit-touch-callout: none) {
height: 95vh;
}
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@supports (-webkit-touch-callout: none) {
height: 95vh;
}
} }
a { a {

4
src/app/app-view/news/news.component.scss
View File

@@ -19,11 +19,11 @@ mat-card-title {
mat-card-footer p { mat-card-footer p {
font-size: 0.8rem; font-size: 0.8rem;
color: #4a4a4a; color: #4a4a4a;
margin-bottom: 0;
text-align: end;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
color: #999999 color: #999999
} }
margin-bottom: 0;
text-align: end;
} }
mat-card-content p { mat-card-content p {

3
src/styles.scss
View File

@@ -7,7 +7,8 @@
// Include the common styles for Angular Material. We include this here so that you only // Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app. // have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once! // Be sure that you only ever include this mixin once!
@include mat.core(); @include mat.elevation-classes();
@include mat.app-background();
$ipwa-palette: ( $ipwa-palette: (
50: #e8ebf7, 50: #e8ebf7,