Commit graph

352 commits

Author SHA1 Message Date
John O'Nolan 2231274b07 Remove unused old class 2021-03-08 11:25:46 -05:00
John O'Nolan 715f95d209 Typography fixes 2021-03-06 21:54:43 -05:00
Daniel Lockyer 70f71e9839
Updated built JS assets
no issue

- these weren't rebuilt when changing the code
2021-03-05 14:05:57 +00:00
John O'Nolan f590fb029a Tag archive 2021-03-04 18:31:29 -05:00
John O'Nolan 7617c7baf2 Author profile 2021-03-04 17:22:45 -05:00
John O'Nolan b5d0589222 And so the lord said unto Moses, let us obliterate this CSS 2021-03-04 08:05:28 -05:00
John O'Nolan 1365eab4ae Cleanup 2021-03-03 15:44:30 -05:00
John O'Nolan 44e33120cb Cleanup 2021-03-03 08:11:16 -05:00
John O'Nolan 6c7cf02111 Style refresh 2021-03-02 21:48:32 -05:00
Sodbileg Gansukh 609507d22d Keep bookmark author and publisher classes for GScan 2021-03-02 16:53:53 +08:00
Sodbileg Gansukh fd89c6575c Remove specific selectors from bookmark metadata 2021-03-02 13:59:05 +08:00
John O'Nolan c680f4efcd Style refresh 2021-03-01 20:34:12 -05:00
John O'Nolan 5fd447b815 Style refresh 2021-02-28 20:10:09 -05:00
Sodbileg Gansukh f9d9b1fab5 Disable dark mode by default
Dark mode is disabled by default, but can be enabled by adding a class dark-mode to html element.
2021-02-25 21:58:09 +08:00
Sodbileg Gansukh 676b73172f Increase contrast of excerpts 2021-02-18 15:16:42 +08:00
Sodbileg Gansukh 2505089a41 Use old font size for primary tags 2021-02-18 15:09:33 +08:00
Sodbileg Gansukh 957d3049aa Fix link hover effect 2021-02-18 14:50:59 +08:00
Sodbileg Gansukh 8f81522907 Remove focus state from buttons 2021-02-18 14:48:24 +08:00
Sodbileg Gansukh 28d63e1cd2 Accent color for subscribe overlay button 2021-02-18 14:36:49 +08:00
Sodbileg Gansukh b374b88126 Dark grey as subscribe form border 2021-02-18 12:17:40 +08:00
Sodbileg Gansukh 0449bf5537 Use grey for blockquotes 2021-02-18 12:16:27 +08:00
Sodbileg Gansukh e985805958 Try a new default accent color 2021-02-18 12:05:56 +08:00
Sodbileg Gansukh c1fcece376 Use accent color as header background when there is no cover image 2021-02-18 11:40:20 +08:00
Sodbileg Gansukh 306f7b2d9b Accent color usage and subscribe form design update 2021-02-18 11:32:40 +08:00
Sodbileg Gansukh df4bfbffb2 Disable dark mode with code injection
It's now possible to disable the dark mode with code injection instead of removing the CSS and rebuilding it, by simply adding a class no-dark to html element.
2021-02-01 12:06:56 +08:00
Sodbileg Gansukh 069280eea2 Apply scroll-margin-top to all elements with id attribute instead of only headings 2021-01-27 17:06:11 +08:00
Sodbileg Gansukh 854880747d Fix text fragment scrolling which behind the floating top bar
refs: #749
2021-01-22 10:02:51 +08:00
Sodbileg Gansukh 6b9df8bb51 Rebuild assets 2021-01-22 09:52:32 +08:00
Sanne de Vries c3cb51711a Changed bookmark card metadata styling to be consistent with the editor
Classes for author and publisher are temporarily swapped to make sure the changes are backwards compatible until Ghost 4.0
2020-11-10 18:17:11 +01:00
Daniel Lockyer aa3c83ec35 Updated built assets 2020-10-16 09:18:36 +01:00
Sodbileg Gansukh 38481aac9a Fixed post content input color issue on dark mode
Fixes #718
2020-10-08 11:36:41 +08:00
Sodbileg Gansukh 0052c2ddc3 Added subscribe failure notification
Fixes #738
2020-10-08 10:22:49 +08:00
Yannick Reekmans 9d12bc32f0
Update screen.css (#735)
Fix instance of color() to color-mod()
2020-10-03 11:17:29 +07:00
Sodbileg Gansukh 6350790798 Fix close button in the subscribe success message 2020-09-10 12:28:44 +08:00
Allan Stromfeldt Christensen 807018ca97
Fix background color of slash of darkmode <hr> (#733) 2020-08-09 00:34:53 +07:00
John O'Nolan e637d809f6 Upgraded to color-mod, native CSS vars
Dropping final support for IE11 and moving to newer color-mod package to replace the old deprecated one
2020-07-28 00:52:31 +07:00
Daniel Lockyer c465d95e14 Added new build assets
no issue
2020-07-21 13:40:03 +01:00
Ícaro Harry 7e0e45c643
Change border-left on blockquote to use color variables (#705) 2020-04-22 18:44:54 +07:00
Daniel Lockyer 14f7cc4e31 Updated built files
no issue
2020-04-03 16:04:41 +01:00
Peter Zimon 8886056719 Fixed navigation scrollbar bug
no refs.
- fixed issue that made top navigation scrollbar appear for sites with secondary navigation and members turned off
2020-03-11 13:46:20 +01:00
Peter Zimon 702b2cbf1f Refined width of image captions
no refs.
- updated max width of image caption text
2020-03-04 15:34:15 +01:00
Peter Zimon e5969f93da Improved author and tag header styles
no refs.

- added default avatar for authors template
- fixed typography inconsistencies, alignment and spacing issues for author and tags headers
- applied CSSComb
2020-03-04 14:34:03 +01:00
Peter Zimon 9e29e145fc 🐛 Subscribe overlay fixes
refs. https://github.com/TryGhost/Casper/issues/630

- added a dedicated close button element for the subscribe overlay which sits on top of all elements to ensure the modal is always closable
- fixed alignment and spacing of "Subscribe" button for mobile sizes
2020-03-04 11:26:27 +01:00
Peter Zimon 74ae3d5140 🐛 Fixed image alignment for small images
refs. https://github.com/TryGhost/Casper/issues/517

- updated styles to center align small images with long caption text
2020-03-03 17:29:34 +01:00
Peter Zimon 09d701c4bc 🐛 Removed non-existent variable
Refs. https://github.com/TryGhost/Casper/issues/676

- removed corresponding CSS declaration as the variable `--white` doesn't exist
2020-01-10 15:29:50 +01:00
Peter Zimon bf4b8d7f15 Added secondary navigation (#664)
refs https://github.com/TryGhost/Ghost/pull/11409

- Adds secondary navigation to the main menu
- Updated secondary nav mobile styles
- Updated cover for the scrollable main navigation
2019-12-04 17:41:50 +07:00
Casper Bøgeskov Hansen 5063d40a32 Remove backdrop filter from subscribe overlay 2019-11-23 19:06:13 -08:00
Peter Zimon a66beb4e10 🐛 Fixed page style in dark mode
closes https://github.com/TryGhost/Casper/issues/643

- fixes background color for pages in dark mode
2019-10-30 13:43:47 +01:00
Peter Zimon 065849105b Author meta and bookmark style refinements
refs. https://github.com/TryGhost/Casper/pull/631
- refined colors of links and separator dots for various cases (light/dark mode/with and without header background image)
- fixed bookmark card hover style
- ran CSSComb
2019-10-30 11:35:29 +01:00
Amgaa a1fc6090d2 Very small fix on author meta links color 2019-10-30 11:35:29 +01:00
Peter Zimon 68b0270ed5
Dark mode table style fix (#641)
refs. https://github.com/TryGhost/Casper/issues/637

- fixed styles for tables in dark mode
2019-10-29 16:27:40 +01:00
Peter Zimon 8993409296
Error page improvements (#639)
refs. https://github.com/TryGhost/Casper/issues/632

Error page fixes and improvements
- uses default template (i.e. standard header and footer) on 404 error page
- fixed not displaying authors and primary tags on recommended posts on 404 error page
- fixed background for navigation bar on generic error page
- refined error code and message styles
2019-10-28 16:28:25 +01:00
Kevin Ansfield 307c334cd5
🐛 Fixed images on infinite scroll index pages being stretched in Safari (#636)
closes #634, closes #635

- use `document.importNode` to create a clone of post card elements when pulling them in from infinite scroll pages
- cloning the element means the element's owner document matches the viewed document and ensures images in the inserted post card elements are sized according to the viewed document
2019-10-24 17:15:34 +01:00
Kevin Ansfield ff51925567
Fixed sticky title and author hover JS (#629)
no issue

- replaces author hover JS that was lost during merge
- replaces `floating-header.js` with `sticky-nav-title.js` containing the relevant JS that was lost during merge with a cleanup for unused variables and unnecessary event listeners
- removes reference to non-existent `{{> floating-header}}` partial
2019-10-21 10:02:05 +01:00
Kevin Ansfield 3e910e954e
Updated built CSS (#627)
no issue

- ran `gulp` to rebuild the CSS after the v3 merge
2019-10-21 09:53:28 +01:00
Fabien O'Carroll b51dd8ce22
V3 (#626)
* Changed {{code}} to {{statusCode}}

refs 2ebd9feeee

- {{code}} use has been deprecated in canary rule set of gscan

* V3 Update

* Update package and readme for 3.0

* Improve install instructions

* Update to support browserlist

* Upgrade dependencies

* Fix misnamed property

* V3 darkmode (#619)

Added dark mode styles

* Casper final  refinements batch 1

* Casper final  refinements batch 2

* Fixed bookmark card hover bug

* Fixed header social links

* Updated screenshots

* Updated readme

no issue

- refreshed screenshot

* Udpate screenshot in readme

no issue

* 3.0.0-beta.2

* Fixed cut header for post cards

no issue

* 3.0.0-beta.3

* 3.0.0-beta.4

* Updated current version and previous version logic (#554)

no issue

- Use current version from `package.json` instead of `npm_package_version` env variable
- Use `release.tag_name` instead of `release.name` for previous version

* Updated jQuery to 3.4.1 to avoid known vulnerabilities (#590)

no issue

https://snyk.io/vuln/npm:jquery?lh=3.2.1&utm_source=lighthouse&utm_medium=ref&utm_campaign=audit

* Fixed code cards with long lines from being too wide

no issue

Credits - https://github.com/TryGhost/Casper/pull/602

* Bumped gscan version to v3.0.0 (#621)

* Bumped gscan to v3.0.0

- This also fixes failing CI builds because the default rules that are being checked were for v2

* Added explicit version check for gscan command

* Added member subscription support (#623)

* Added member subscription support

no issue

* Added member subscription success message

no issue

* Added member subscription overlay

* Refined members subscription overlay

* Deleted unused website icon

* Ran CSSComb

* Updated built assets

* 3.0.0-beta.5

* Updated built assets for v3

no issue

* 3.0.0-beta.6

* Remove unused partial

* V3 cleanup (#625)

* Removed unused infinity icon

* Removed unused location icon

* Removed unused 'point' icon

* Removed unused Ghost logo icon

* Removed unused author partials

* Cleaned up index log

* Fixed responsive feature image sizes for page template
2019-10-21 12:43:34 +07:00
Kevin Ansfield 7ad20d1325 Fixed deprecated autoprefixer config warning when running build tasks
no issue

Passing browser options directly into `autoprefixer()` has been deprecated in favour of general browserslist configuration in `package.json` or a `.browserslistrc` config file

- moved autoprefixer browsers list into `browserslist` config in `package.json`
- updated `autoprefixer` version
2019-10-20 16:05:37 +02:00
Kevin Ansfield 978ffe0eb6
Concatenated all JS into a single file (#624)
no issue

- moved large inline JS from templates into separate JS files
  - floating header
  - gallery card support
- use `gulp-concat` to concatenate all JS files into a single `built/casper.js` file
- reduces external JS file requests from 3 (jquery, infinite-scroll.js, jquery.fitvids.js) down to 2 (jquery, casper.js) and reduces page size by removing repeated inline code
2019-10-20 15:55:06 +02:00
Rish 8bb4508ff2 Fixed code cards with long lines from being too wide
no issue

Credit to https://github.com/mvasilkov for the fix -  https://github.com/TryGhost/Casper/pull/602
2019-10-20 12:14:21 +05:30
Peter Zimon c40627256a Added max length for bookmark card publisher field (#608)
no issue

- fixed style for bookmark cards with too long publisher field
2019-08-27 19:29:48 +01:00
Rishabh Garg f5b2a2f209
Added bookmark card CSS (#607)
refs 9bfd340885 and c2aa62083c

Adds css for styling new bookmark card which generates following html -
  ```html
  <figure class="kg-card kg-bookmark-card">
    <a href="[URL]" class="kg-bookmark-container">
      <div class="kg-bookmark-content">
        <div class="kg-bookmark-title">[TITLE]</div>
        <div class="kg-bookmark-description">[DESCRIPTION]</div>
        <div class="kg-bookmark-metadata">
          <img src="[ICON]" class="kg-bookmark-icon">
          <span class="kg-bookmark-author">[AUTHOR]</span>
          <span class="kg-bookmark-publisher">[PUBLISHER]</span>
        </div>
      </div>
      <div class="kg-bookmark-thumbnail">
        <img src="[THUMBNAIL]">
      </div>
    </a>
  </figure>
  ```
2019-08-27 20:56:42 +05:30
Mark Vasilkov 56d1ff2337 Better contrast for selected text inside pre code blocks 2019-07-30 14:08:45 +03:00
Kevin Ansfield ec296edfa0
Added support for code cards with captions (#575)
refs https://github.com/TryGhost/Ghost/pull/10719

- adds styling for `.kg-code-card` so that code blocks are styled the same no matter if they are top-level or inside of a `<figure>` element
2019-05-01 17:12:18 +02:00
Kevin Ansfield 0b17a6ac06
Re-build CSS using latest dependencies (#573)
no issue

- CSS preprocessor dependencies have been updated, this re-builds the CSS to match the latest processed output
  - the primary change is the addition of the `::-moz-selection` vendor prefix
2019-05-01 10:28:34 +02:00
Kevin Ansfield a212518827 🐛 Fixed incorrect/missing colours for various elements
closes https://github.com/TryGhost/Casper/issues/548
- the recent postcss upgrade resulted in real CSS variables being output with a fallback mechanism, unfortunately this broke a number of colors throughout the theme
- disabled the fallback mechanism to revert back to the previous behaviour
2019-03-12 18:14:48 +00:00
Hannah Wolfe 371ad586d3 Updated all built assets
- many dependencies have changed, need to rebuild
2019-03-10 17:30:20 +00:00
John O'Nolan c8c63d170c Fix bug with embeds overflowing content width 2019-02-18 12:54:29 +07:00
John O'Nolan f57f9ebc99 Update no-image classes
Closes https://github.com/TryGhost/Casper/pull/513
2019-01-15 15:06:19 +07:00
John O'Nolan 79ebbd50a3
Responsive images (#505) 2018-12-17 12:25:57 +00:00
汪磊 3c2347c7f9 🎨 Optimised infinite scroll (#503)
no issue
- removed jQuery usage
- use the `<link rel="next">` tag provided by Ghost to determine the next page to fetch
2018-12-05 12:38:11 +00:00
Aileen Nowak bef56a2294 Minified js (#485)
no issue

- Added a `js` task to run on the gulp build process and minifies our js files
- Changed the required scripts in `default.hbs` to use the minified js files in `/built/`
- Moved existing `js` tasks from `zip` task
2018-10-12 12:41:06 +07:00
Oshawk d48178fde9 Remove css rule that stops syntax highlighting (#484)
* Remove suspect css rule

Removed the ".post-full-content pre code * { color: inherit }" rule which prevents highlight.js from working.

* Changed to just exclude span

Less disruptive to just remove span from color inheritance.

* Remove extra newline
2018-10-08 06:40:06 +02:00
Antonio 6f4fe840b3 [Fix] Inline <code> tag word-break inside a <p> tag (#483) 2018-10-08 06:38:28 +02:00
Peter Zimon 04854967a8 Adjusting spaces for galleries and wide images in a sequence (#480) 2018-09-24 14:35:47 +02:00
Aileen Nowak ae192a9fff 🐛 Fixed word-wrap for extra long anchor links text (#478)
refs #466

Anchor links didn't break, when the text was too long. Using `word-break: break-all` specifically on a-tags in post-content fixes this without screwing up other tags and their breaks.
2018-09-07 14:45:18 +02:00
Zimo 676e17bd13 Restructure spacings for generic figure element 2018-08-31 11:24:50 +01:00
Kevin Ansfield 7a88c88ea2 Added Koenig gallery card support (#475)
no issue

- Update CSS and JS for new gallery card
- Updates CSS to support new gallery card
- Adds JS to support grid layout for gallery view
- Fix gallery breakout size
- Refining styles for gallery card
2018-08-30 17:44:55 +01:00
Kevin Ansfield a0e42e0599 Rebuild CSS 2018-08-30 14:56:38 +01:00
Kevin Ansfield dc3bb316c7 Fixed incorrect image aspect ratio when images have width/height attrs
no issue
- when large images have width/height attributes but the image is constrained to it's container or `max-width` style the aspect ratio would be broken because browsers use the `height` attribute value even though the width is smaller
2018-08-30 14:49:40 +01:00
Kevin Ansfield d41fcbbc8a Remove .kg-card-markdown styles
no issue
- `.kg-card-markdown` no longer exists in Ghost 2.x
2018-08-11 19:09:58 +01:00
Peter Zimon f67caaba5c 🐛 Fixed content overflow on mobile
closes https://github.com/TryGhost/Casper/issues/464
- setting max-width of `kg-markdown-card` wrapper that is still used by non-Koenig posts
2018-07-30 12:21:17 +01:00
Kevin Ansfield 5c6cce1519
Ghost 1.25 Koenig updates (#463)
refs https://github.com/TryGhost/Ghost/pull/9741
- Ghost 1.25 has updated the HTML output of Koenig beta posts
  - the `<div class="kg-post">` wrapper around post content has been removed
  - for image cards the `.kg-image-wide` and `.kg-image-full` classes have been changed to `.kg-width-wide` and `.kg-width-full` and applied to the `<figure>` element rather than the `<img>` element
- this will be the default for *all* posts after upgrading to Ghost 2.0

Example output of the `{{content}}` helper for Koenig beta...

Before 1.25.0 (Ghost 1.23.0-1.24.9):
```html
<div class="kg-post">
    <figure class="kg-image-card">
        <img class="kg-image kg-image-wide" src="...">
        <figcaption>example wide image</figcaption>
    </figure>
</div>
```

After 1.25.0:
```html
<figure class="kg-image-card kg-width-wide">
    <img class="kg-image" src="...">
    <figcaption>example wide image</figcaption>
</figure>
```

For reference, in Ghost 1.x a non Koenig post with nothing but an image in the markdown (`![](...)`) would generate output like this:

```html
<div class="kg-card-markdown">
    <img src="...">
</div>
```
2018-07-23 12:20:46 +01:00
Peter Zimon 1860a8305b Koenig embed card (#460) 2018-06-13 18:34:59 +01:00
John O'Nolan 6417b4cf2a Fix rendering bug for non-square user images 2018-06-06 19:29:22 -07:00
Kevin Ansfield 7a7f04c716 Update built files 2018-05-29 16:09:40 +01:00
malfusion cd3b470c18 Fix for missing default avatar and firefox footer misalignment (#458) 2018-05-29 10:38:27 +02:00
Peter Zimon b83917060f Applying styles for Koenig content (#455)
refs https://github.com/TryGhost/Ghost/issues/9311
- move `.kg-card-markdown` styles and add deprecation notice
- add support for new `.kg-post` wrapper
- add support for `.kg-image` and `.kg-image-wide/full` image variants
- add support for image captions
2018-05-22 19:09:58 +01:00
Zimo 4aaedf69d2 Running CSSComb 2018-05-21 17:36:08 +02:00
John O'Nolan 4fe2eac739 Additional comments 2018-04-12 10:05:53 +02:00
John O'Nolan 6e3399366d Small refactor of multi-authors 2018-04-12 10:05:40 +02:00
John O'Nolan 636882bce4 Fix mobile display bug on smaller screens 2018-04-10 20:34:35 +02:00
Peter Zimon 79e113226c Multiple authors in Casper (#448) 2018-04-10 20:19:29 +02:00
John O'Nolan 8e865b797b Maybe fix it properly this time instead of completely failing 2018-04-10 15:29:09 +02:00
John O'Nolan a655b59e69 Fix link target size 2018-04-10 15:27:01 +02:00
John O'Nolan b078dcb86e Updated hover animations 2018-04-10 15:21:25 +02:00
Aileen Nowak d5002f2c51 🐛 Fixed infinitescroll when a paged url is loaded directly (#447)
closes #445
- added an fn to sanitize the pathname, that might include a pagination url
- fixed an issue, where the request would still be made if the current page is bigger than max pages
- added comments
2018-04-10 10:04:43 +01:00
Kevin Ansfield 41bcbb7157 💨 Infinite scroll perf improvements
no issue
- swap jQuery HTML parsing and insertion for pure DOM
- remove fade animation
- increase buffer by 100px so next page request happens sooner
2018-04-09 11:03:48 +01:00
Aileen Nowak 9df85fbbe5 CSS built and comb
no issue
2018-02-27 11:48:17 +07:00
Paul Corbett 1e10549ee2 🐛Fixed render issue with code blocks in lists (#436)
Closes #415

* Add max-width to ul & ol tags
2018-02-27 11:43:39 +07:00
Joseph Frazer 99fad4cbc4 Fix colors in code blocks
Closes #407
The font color should be inherited to avoid "invisible" text.

* fix conflicts with upstream branch
2017-11-21 17:50:54 +08:00