ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Globally handle line breaks according to german dictionary 

Relates to MS-645
This commit is contained in:
Ramon Wenger 2023-02-23 17:18:19 +01:00
parent 7ee322ec20
commit 9a2f1aa439
3 changed files with 41 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
client/index.html
View File

@ -1,61 +1,24 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="de">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
name="viewport" <title>
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" <%= htmlWebpackPlugin.options.VUE_APP_TITLE %>
/> </title>
<title><%= htmlWebpackPlugin.options.VUE_APP_TITLE %></title>
<link <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet" type="text/css" />
href="https://fonts.googleapis.com/css?family=Material+Icons" <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,800" rel="stylesheet" />
rel="stylesheet" <link href="https://use.typekit.net/tck7ptw.css" rel="stylesheet" />
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Montserrat:400,600,800"
rel="stylesheet"
/>
<link
href="https://use.typekit.net/tck7ptw.css"
rel="stylesheet"
/>
<link <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png" />
rel="apple-touch-icon" <link rel="icon" type="image/png" sizes="32x32" href="<%- htmlWebpackPlugin.options.VUE_APP_FAVICON_32 %>" />
sizes="180x180" <link rel="icon" type="image/png" sizes="16x16" href="<%- htmlWebpackPlugin.options.VUE_APP_FAVICON_16 %>" />
href="/static/apple-touch-icon.png" <link rel="manifest" href="/static/site.webmanifest" />
/> <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#5bbad5" />
<link <meta name="msapplication-TileColor" content="#da532c" />
rel="icon" <meta name="theme-color" content="#ffffff" />
type="image/png"
sizes="32x32"
href="<%- htmlWebpackPlugin.options.VUE_APP_FAVICON_32 %>"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="<%- htmlWebpackPlugin.options.VUE_APP_FAVICON_16 %>"
/>
<link
rel="manifest"
href="/static/site.webmanifest"
/>
<link
rel="mask-icon"
href="/static/safari-pinned-tab.svg"
color="#5bbad5"
/>
<meta
name="msapplication-TileColor"
content="#da532c"
/>
<meta
name="theme-color"
content="#ffffff"
/>
<script> <script>
window.UPLOADCARE_PUBLIC_KEY = '78212ff39934a59775ac'; window.UPLOADCARE_PUBLIC_KEY = '78212ff39934a59775ac';
@ -72,10 +35,12 @@
}; };
</script> </script>
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="center"></div> <div class="center"></div>
</div> </div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>

1
client/src/pages/instrument.vue
View File

@ -66,6 +66,7 @@ export default {
font-size: toRem(35px); font-size: toRem(35px);
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
line-height: $default-heading-line-height; line-height: $default-heading-line-height;
overflow-wrap: break-word;
} }
& :deep() { & :deep() {

1
client/src/styles/_typography.scss
View File

@ -6,6 +6,7 @@
font-size: $base-font-size; font-size: $base-font-size;
font-weight: $font-weight-regular; font-weight: $font-weight-regular;
color: $color-charcoal-dark; color: $color-charcoal-dark;
hyphens: auto;
} }
h1, h1,