danielsiepmann/ds-site
danielsiepmann/ds-site
1
0
Code Activity

Split website title and show full only on large screens

Browse source
This commit is contained in:
Daniel Siepmann 2020-01-19 22:06:41 +01:00
parent a50af27f02
commit bfc50f50bc
3 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Configuration/TypoScript/Setup/Page.typoscript
View file

@ -112,6 +112,7 @@ page {
settings { settings {
websiteTitle < sitetitle websiteTitle < sitetitle
websiteSubTitle = Coding is Art
} }
variables { variables {

5
Resources/Private/Partials/Page/Header.html
View file

@ -1,6 +1,9 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true"> data-namespace-typo3-fluid="true">
<header> <header>
<a href="/">{settings.websiteTitle}</a> <a href="/">
{settings.websiteTitle}
<small>- {settings.websiteSubTitle}</small>
</a>
</header> </header>
</html> </html>

12
Resources/Private/Sass/layout/_header.scss
View file

@ -10,6 +10,18 @@ body > header {
font-size: $h1-font-size; font-size: $h1-font-size;
text-decoration: none; text-decoration: none;
} }
small {
font-size: 1em;
}
}
@media (max-width: 768px) {
body > header {
small {
display: none;
}
}
} }
@media (max-width: 1439px) { @media (max-width: 1439px) {