Ver Fonte

[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
Jared Sturdy há 5 anos atrás
pai
commit
eb4db54a05

+ 1 - 0
CONTRIBUTORS.md

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

+ 5 - 0
assets/scss/_content.scss

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

+ 0 - 2
resources/_gen/assets/js/js/dark-mode.js_d11fe7b62c27961c87ecd0f2490357b9.content

@@ -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);}

+ 0 - 1
resources/_gen/assets/js/js/dark-mode.js_d11fe7b62c27961c87ecd0f2490357b9.json

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

Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.content


+ 1 - 1
resources/_gen/assets/scss/scss/coder.scss_5e1eb8e37c42cdfb6215b61e44dcfa5f.json

@@ -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="}}

Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff