diff --git a/src/buildRecipes.js b/src/buildRecipes.js index 873df52..de886c4 100644 --- a/src/buildRecipes.js +++ b/src/buildRecipes.js @@ -84,7 +84,7 @@ const RegExes = Object.freeze({ FRACTION_SYMBOL: /([½⅓⅔¼¾⅕⅖⅗⅘⅙⅚⅐⅛⅜⅝⅞])/g, /** Custom meta tags */ - CUSTOMIZATIONS: /^\s*\s*$/, + CUSTOMIZATIONS: /^\s*\s*$/, }); /* eslint-enable key-spacing */ diff --git a/src/libs/utils.js b/src/libs/utils.js index aaf586d..c0de3cd 100644 --- a/src/libs/utils.js +++ b/src/libs/utils.js @@ -23,7 +23,7 @@ const RegExes = { // #endregion // #region Find Author Credit - AUTHOR: /^(?:#{3,6})?\s*(?:adapted by|author|by|courtesy of|from(?: the)? kitchen of|from|source)\s*[ :-]\s*([A-Z][\w '"]+)/im, + AUTHOR: /^(?:#{3,6})?\s*(?:recipe )?(?:adapted by|author|by|courtesy(?: of)?|from(?: the)? kitchen of|from|source)\s*[ :-]\s*([A-Z][\w '"]+)/im, // #endregion }; diff --git a/src/static/styles/recipe.css b/src/static/styles/recipe.css index 696ce6f..cb61b87 100644 --- a/src/static/styles/recipe.css +++ b/src/static/styles/recipe.css @@ -11,7 +11,7 @@ .complete { font-style: italic; - opacity: 80%; + opacity: 33%; text-decoration: line-through; text-decoration-color: var(--color-complete-line-through); } @@ -40,13 +40,19 @@ hr { font-style: normal; } +.back-link::after { + content: ''; + display: block; + clear: right; +} + .back-link__link:hover { background: none; } .back-link__svg { - display: none; - width: 24px; + display: inline-block; + width: 18px; } .link-svg { @@ -252,7 +258,8 @@ a:hover .link-svg { } .back-link__svg { - display: block; + /* display: inline-block; */ + width: 24px; } .section--title { diff --git a/src/static/styles/recipesIndex.css b/src/static/styles/recipesIndex.css index 50c688c..890dfb3 100644 --- a/src/static/styles/recipesIndex.css +++ b/src/static/styles/recipesIndex.css @@ -44,6 +44,11 @@ color: var(--color-view-svg-selected); } +.nav-view__list { + display: inline-block; + text-wrap: nowrap; +} + /* View radio buttons */ html body .nav-view__item { display: inline-block; @@ -145,7 +150,6 @@ html body .nav-view__item { width: var(--small-btn-length); position: absolute; right: calc(5px + var(--small-btn-length) + var(--search-icon-length)); - ; top: calc((var(--search-input-height) - var(--small-btn-length)) / 2); } @@ -253,6 +257,7 @@ body .recipe-list .recipe-list__item--hidden { .view--grid .recipe-list__item { display: block; + line-height: 1.12; margin: 0; } @@ -277,7 +282,6 @@ body .recipe-list .recipe-list__item--hidden { -webkit-line-clamp: 2; font-size: 110%; font-weight: 700; - line-height: 1.4; overflow: hidden; padding: 0 1em; text-overflow: ellipsis; diff --git a/src/static/styles/stylesheet.css b/src/static/styles/stylesheet.css index dc38a18..716faa1 100644 --- a/src/static/styles/stylesheet.css +++ b/src/static/styles/stylesheet.css @@ -261,6 +261,7 @@ img { width: 90%; max-width: 900px; margin: 0 auto; + min-width: 320px; padding: 1em 0 4em 0; } diff --git a/src/static/styles/vars.css b/src/static/styles/vars.css index 2defb63..d8a50da 100644 --- a/src/static/styles/vars.css +++ b/src/static/styles/vars.css @@ -19,7 +19,7 @@ --color-peach-30: rgb(236, 169, 111); --color-peach-80: rgb(193, 89, 0); - --color-olive-50: rgba(255, 255, 0, 0.5); + --color-olive-50: rgb(255 250 225); /* rgba(255, 255, 0, 0.5); */ --color-olive-90: rgba(255, 255, 0, 0.25); /*-----*: GLobal :*-----*/