[bugfix] wrap long post title (#401)

* [bugfix] Fix line wrapping for list items

Long post titles will be wrapped in their own column, rather than
flowing under the date column (see #385).

* [assets] update assets for long post titles
This commit is contained in:
Jared Sturdy
2020-09-10 15:41:09 +02:00
committed by GitHub
parent 41062e0096
commit eb4db54a05
6 changed files with 8 additions and 5 deletions

View File

@@ -74,3 +74,4 @@
- [Rhys Perry](https://rhysperry.com) - [Rhys Perry](https://rhysperry.com)
- [Arunvel Sriram](https://github.com/arunvelsriram) - [Arunvel Sriram](https://github.com/arunvelsriram)
- [Lorenzo Cameroni](https://github.com/came88) - [Lorenzo Cameroni](https://github.com/came88)
- [Jared Sturdy](https://github.com/jsturdy)

View File

@@ -79,11 +79,15 @@
padding: 0; padding: 0;
li { li {
font-size: 1.8rem; font-size: 1.8rem;
@media only screen and (min-width : 768.1px) {
display: flex;
}
@media only screen and (max-width : 768px) { @media only screen and (max-width : 768px) {
margin: 1.6rem 0 1.6rem 0; margin: 1.6rem 0 1.6rem 0;
} }
.date { .date {
display: inline-block; display: inline-block;
flex:1;
width: 20.0rem; width: 20.0rem;
text-align: right; text-align: right;
margin-right: 3.0rem; margin-right: 3.0rem;
@@ -94,6 +98,7 @@
} }
.title { .title {
font-size: 1.8rem; font-size: 1.8rem;
flex:2;
color: $fg-color; color: $fg-color;
font-family: $heading-font-family; font-family: $heading-font-family;
font-weight: 700; font-weight: 700;

View File

@@ -1,2 +0,0 @@
const body=document.body;const darkModeToggle=document.getElementById('dark-mode-toggle');const darkModeMediaQuery=window.matchMedia('(prefers-color-scheme: dark)');if(localStorage.getItem("colorscheme")){setTheme(localStorage.getItem("colorscheme"));}else if(body.classList.contains('colorscheme-light')||body.classList.contains('colorscheme-dark')){setTheme(body.classList.contains("colorscheme-dark")?"dark":"light");}else{setTheme(darkModeMediaQuery.matches?"dark":"light");}
darkModeToggle.addEventListener('click',()=>{setTheme(body.classList.contains("colorscheme-dark")?"light":"dark");});darkModeMediaQuery.addListener((event)=>{setTheme(event.matches?"dark":"light");});function setTheme(theme){body.classList.remove('colorscheme-auto');inverse=theme==='dark'?'light':'dark';localStorage.setItem('colorscheme',theme);body.classList.remove('colorscheme-'+inverse);body.classList.add('colorscheme-'+theme);}

View File

@@ -1 +0,0 @@
{"Target":"js/dark-mode.min.0213e1773e6d1c5a644f847c67a6f8abac49a3776e2976f6008038af8c5b76a1.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-AhPhdz5tHFpkT4R8Z6b4q6xJo3duKXb2AIA4r4xbdqE="}}

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"Target":"css/coder.min.0e5ce5b959a68dfe0232c6ddcec1e8ef154517c968464707f3181c437fe611c0.css","MediaType":"text/css","Data":{"Integrity":"sha256-DlzluVmmjf4CMsbdzsHo7xVFF8loRkcH8xgcQ3/mEcA="}} {"Target":"css/coder.min.fce3d3684e836ce340cdd591dad1749c310472d5ed4049fab99845c9aec4d4bf.css","MediaType":"text/css","Data":{"Integrity":"sha256-/OPTaE6DbONAzdWR2tF0nDEEctXtQEn6uZhFya7E1L8="}}