From f248d81f7191f477917a2c964c55184e0405cf85 Mon Sep 17 00:00:00 2001 From: Michael Fabian 'Xaymar' Dirks Date: Fri, 24 Dec 2021 20:14:03 +0100 Subject: [PATCH] Fix title wrapping --- _sass/_article.scss | 4 +--- _sass/_base.scss | 3 +-- _sass/_comments.scss | 5 +++-- _sass/_header.scss | 4 ++-- assets/site.js | 2 +- 5 files changed, 8 insertions(+), 10 deletions(-) diff --git a/_sass/_article.scss b/_sass/_article.scss index 503af0b..e651f82 100644 --- a/_sass/_article.scss +++ b/_sass/_article.scss @@ -16,8 +16,7 @@ article > .title { font-size: 1.667em; font-variant: small-caps; font-weight: bold; - white-space: nowrap; - text-overflow: ellipsis; + white-space: normal; letter-spacing: 0.05ch; background: $theme-article-title-background; color: $theme-article-title-color; @@ -100,7 +99,6 @@ article > .meta > .tags > span:first-child { } article > .meta > .tags > .tag { - } article > .meta > .tags > .tag:not(:last-child):after { diff --git a/_sass/_base.scss b/_sass/_base.scss index 18d09f5..e151fbf 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -35,7 +35,6 @@ $theme-breadcrumbs-link-color-active: hsl($theme-hue, 100%, 85%); } html { - font-size: 16pt; } body { @@ -46,7 +45,7 @@ body { // Font font-size: 1.0em; font-family: "Roboto", sans-serif; - text-rendering: optimizelegibility; + text-rendering: optimizelegibility; color: $theme-content-color; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; diff --git a/_sass/_comments.scss b/_sass/_comments.scss index a1829c8..155fd6e 100644 --- a/_sass/_comments.scss +++ b/_sass/_comments.scss @@ -13,8 +13,9 @@ font-size: 1.333rem; font-variant: small-caps; font-weight: bold; - white-space: nowrap; - text-overflow: ellipsis; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; letter-spacing: 0.05ch; background: $theme-comments-title-background; color: $theme-comments-title-color; diff --git a/_sass/_header.scss b/_sass/_header.scss index a28b458..b19fee9 100644 --- a/_sass/_header.scss +++ b/_sass/_header.scss @@ -66,10 +66,10 @@ margin: 0; padding: 0; font-family: "Oswald"; - font-size: 1.75rem; + font-size: 2.0rem; font-weight: bold; text-transform: uppercase; - letter-spacing: .25ch; + letter-spacing: .20ch; } // -------------------------------------------------------------------------------- diff --git a/assets/site.js b/assets/site.js index bf3a8ef..9a7a910 100644 --- a/assets/site.js +++ b/assets/site.js @@ -1,5 +1,5 @@ (function() { - 'use strict'; + 'use strict'; // Support for Mobile Devices document.querySelector("#navigation-toggle").addEventListener("click", (ev) => {