environment styling

This commit is contained in:
Kyle Spearrin 2018-01-30 20:03:41 -05:00
parent 0be7f9f8eb
commit 5fdfce0bff
4 changed files with 19 additions and 8 deletions

View File

@ -98,8 +98,13 @@ environmentService.setUrlsFromStorage().then(() => {
return syncService.fullSync(true);
});
function initFactory(i18n: I18nService): Function {
return () => i18n.init();
function initFactory(i18n: I18nService, platformUtilsService: DesktopPlatformUtilsService): Function {
return async () => {
await i18n.init();
const htmlEl = window.document.documentElement;
htmlEl.classList.add('os_' + platformUtilsService.getDeviceString());
htmlEl.classList.add('locale_' + i18n.translationLocale);
};
}
@NgModule({
@ -121,7 +126,10 @@ function initFactory(i18n: I18nService): Function {
{
provide: APP_INITIALIZER,
useFactory: initFactory,
deps: [I18nServiceAbstraction],
deps: [
I18nServiceAbstraction,
PlatformUtilsServiceAbstraction,
],
multi: true,
},
],

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="__OS__">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

View File

@ -16,10 +16,6 @@ html, body {
line-height: 1.42857143;
}
body {
border-top: 1px solid $border-color-dark;
}
h1, h2, h3, h4, h5, h6 {
font-family: $font-family-sans-serif;
color: $text-color;

View File

@ -0,0 +1,7 @@
@import "variables.scss";
html.os_windows {
body {
border-top: 1px solid $border-color-dark;
}
}