Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-26 10:21:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add sans-serif font fallback (#2263)

Browse Source 
* Add sans-serif font fallback

* Update frontend readme start scripts
This commit is contained in:
Benjamin B
2023-05-06 07:01:13 +10:00
committed by Aiden McClelland
parent ee13cf7dd9
commit 273b5768c4
8 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/README.md
View File

@@ -52,8 +52,8 @@ Valid values for "maskAs" are `tor` and `lan`.
```sh
npm run start:ui
npm run start:install-wiz
npm run start:setup-wizard
npm run start:diagnostic-ui
npm run start:setup
npm run start:dui
```
## Running locally with proxied backend

2
frontend/projects/diagnostic-ui/src/styles.scss
View File

@@ -7,7 +7,7 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Montserrat';
--ion-font-family: 'Montserrat', sans-serif;
--ion-color-primary: #0075e1;

4
frontend/projects/install-wizard/src/app/pages/home/home.page.scss
View File

@@ -1,6 +1,6 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Benton Sans';
--ion-font-family: 'Benton Sans', sans-serif;
}
ion-content {
@@ -25,4 +25,4 @@ ion-card-title {
font-family: 'Montserrat';
font-size: x-large;
--color: var(--ion-color-light);
}
}

2
frontend/projects/install-wizard/src/styles.scss
View File

@@ -7,7 +7,7 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Montserrat';
--ion-font-family: 'Montserrat', sans-serif;
--ion-color-primary: #0075e1;

2
frontend/projects/setup-wizard/src/app/pages/success/download-doc/download-doc.component.html
View File

@@ -6,7 +6,7 @@
<body>
<div
style="
font-family: Montserrat;
font-family: Montserrat, sans-serif;
color: #333333;
display: flex;
flex-direction: column;

12
frontend/projects/setup-wizard/src/styles.scss
View File

@@ -84,7 +84,7 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Montserrat';
--ion-font-family: 'Montserrat', sans-serif;
--ion-background-color: #333333;
--ion-background-color-rgb: 51, 51, 51;
@@ -114,7 +114,7 @@
--ion-color-dark: var(--ion-color-step-50) !important;
// --ion-color-base-rgb:
// --ion-color-base-rgb:
--ion-color-dark-contrast: var(--ion-color-step-950) !important;
// --ion-color-dark-contrast-rgb:
--ion-color-dark-shade: var(--ion-color-step-100) !important;
@@ -144,7 +144,7 @@ h1 {
ion-card-title {
margin: 16px 0;
font-family: 'Montserrat';
font-family: 'Montserrat', sans-serif;
font-size: x-large;
--color: var(--ion-color-light);
}
@@ -165,7 +165,7 @@ ion-label ion-text {
p {
color: var(--ion-color-dark-contrast) !important;
font-size: 1.12rem !important;
font-family: 'Open Sans';
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
@@ -313,7 +313,7 @@ ion-header {
ion-toolbar {
--border-color: var(--ion-color-step-950);
--border-width: 0 0 1px 0;
--min-height: 80px;
--padding-top: 20px;
--padding-bottom: 20px;
@@ -348,4 +348,4 @@ p a {
// text-decoration: none;
font-weight: 600;
text-underline-offset: 0.4rem;
}
}

12
frontend/projects/ui/src/app/components/widget-card/widget-card.component.scss
View File

@@ -14,9 +14,9 @@ ion-card {
transform: scale(1.05);
transition-delay: 40ms;
}
ion-card-title {
font-family: 'Open Sans';
font-family: 'Open Sans', sans-serif;
padding: 0.6rem;
font-weight: 600;
font-size: calc(12px + 0.5vw);
@@ -29,16 +29,16 @@ ion-card {
flex-direction: column;
justify-content: center;
align-items: center;
ion-icon {
font-size: calc(90px + 0.5vw);
--ionicon-stroke-width: 1rem;
}
}
ion-footer {
padding: 1rem;
font-family: 'Open Sans';
font-family: 'Open Sans', sans-serif;
font-size: clamp(1rem, calc(12px + 0.5vw), 1.3rem);
height: 9rem;
width: clamp(13rem, 80%, 18rem);
@@ -66,4 +66,4 @@ ion-card {
ion-footer {
width: 14rem;
}
}
}

6
frontend/projects/ui/src/styles.scss
View File

@@ -75,7 +75,7 @@
/** Ionic CSS Variables overrides **/
:root {
--ion-font-family: 'Open Sans';
--ion-font-family: 'Open Sans', sans-serif;
--ion-background-color: var(--ion-color-medium);
--ion-background-color-rgb: var(--ion-color-medium-rgb);
--ion-text-color: var(--ion-color-dark);
@@ -191,11 +191,11 @@ ion-back-button {
}
ion-card-title {
font-family: 'Montserrat';
font-family: 'Montserrat', sans-serif;
}
ion-title {
font-family: 'Montserrat';
font-family: 'Montserrat', sans-serif;
}
ion-badge {