search

code-hike / codehike

Build rich content websites with Markdown and React
https://codehike.org
MIT License
4.79k stars 149 forks source link

Add scrollbars #49

Closed pomber closed 3 years ago

pomber commented 3 years ago

Fix #48

📦 Published PR as canary version: 0.3.0--canary.49.d3183ba.0
:sparkles: Test out this PR locally via: ```bash npm install @code-hike/classer@0.3.0--canary.49.d3183ba.0 npm install @code-hike/code-diff@0.3.0--canary.49.d3183ba.0 npm install @code-hike/mini-browser@0.3.0--canary.49.d3183ba.0 npm install @code-hike/mini-editor@0.3.0--canary.49.d3183ba.0 npm install @code-hike/mini-frame@0.3.0--canary.49.d3183ba.0 npm install @code-hike/mini-terminal@0.3.0--canary.49.d3183ba.0 npm install @code-hike/player@0.3.0--canary.49.d3183ba.0 npm install @code-hike/script@0.3.0--canary.49.d3183ba.0 npm install @code-hike/scroller@0.3.0--canary.49.d3183ba.0 npm install @code-hike/scrollycoding@0.3.0--canary.49.d3183ba.0 npm install @code-hike/sim-user@0.3.0--canary.49.d3183ba.0 npm install @code-hike/smooth-column@0.3.0--canary.49.d3183ba.0 npm install @code-hike/smooth-lines@0.3.0--canary.49.d3183ba.0 npm install storybook@0.3.0--canary.49.d3183ba.0 # or yarn add @code-hike/classer@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/code-diff@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/mini-browser@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/mini-editor@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/mini-frame@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/mini-terminal@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/player@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/script@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/scroller@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/scrollycoding@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/sim-user@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/smooth-column@0.3.0--canary.49.d3183ba.0 yarn add @code-hike/smooth-lines@0.3.0--canary.49.d3183ba.0 yarn add storybook@0.3.0--canary.49.d3183ba.0 ```

Version

Published prerelease version: v0.3.0-next.5

Changelog #### 🐛 Bug Fix - Turn onlyPublishWithReleaseLabel on [#34](https://github.com/code-hike/codehike/pull/34) ([@pomber](https://github.com/pomber)) - Remove submodule ([@pomber](https://github.com/pomber)) - Update ([@pomber](https://github.com/pomber)) - Remove code-sections ([@pomber](https://github.com/pomber)) - Update sections ([@pomber](https://github.com/pomber)) - v0.0.0 ([@pomber](https://github.com/pomber)) - Update site submodule ([@pomber](https://github.com/pomber)) - Add site submodule ([@pomber](https://github.com/pomber)) - Remove more submodules ([@pomber](https://github.com/pomber)) - Remove some submodules ([@pomber](https://github.com/pomber)) - Yarn upgrade ([@pomber](https://github.com/pomber)) - Change root scripts ([@pomber](https://github.com/pomber)) - Add update version command ([@pomber](https://github.com/pomber)) - Update screencast ([@pomber](https://github.com/pomber)) - Use line height ([@pomber](https://github.com/pomber)) - Remove theme from storybook ([@pomber](https://github.com/pomber)) - Add demo ([@pomber](https://github.com/pomber)) - Add module ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/smooth-lines`, `storybook` - Add scrollbars [#49](https://github.com/code-hike/codehike/pull/49) ([@pomber](https://github.com/pomber)) - `@code-hike/scrollycoding`, `storybook` - Use new sandpack [#47](https://github.com/code-hike/codehike/pull/47) ([@pomber](https://github.com/pomber)) - Make steps clickable ([@pomber](https://github.com/pomber)) - Add hidden param to files ([@pomber](https://github.com/pomber)) - Extend files from previous step ([@pomber](https://github.com/pomber)) - Remove preset param from mdx steps ([@pomber](https://github.com/pomber)) - Update to sandpack to alpha-27 ([@pomber](https://github.com/pomber)) - Fix scrollytelling story ([@pomber](https://github.com/pomber)) - Rename stepCode ([@pomber](https://github.com/pomber)) - Add sandpack ([@pomber](https://github.com/pomber)) - Add small screen styles ([@pomber](https://github.com/pomber)) - Add scrollycoding story ([@pomber](https://github.com/pomber)) - `@code-hike/smooth-lines`, `storybook` - Better centering logic [#45](https://github.com/code-hike/codehike/pull/45) ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `storybook` - Improve editor tab styles [#38](https://github.com/code-hike/codehike/pull/38) ([@pomber](https://github.com/pomber)) - Add button property to mini-editor ([@pomber](https://github.com/pomber)) - Add stateful editor stories ([@pomber](https://github.com/pomber)) - Add focus by column story ([@pomber](https://github.com/pomber)) - Add mini-editor stories ([@pomber](https://github.com/pomber)) - `@code-hike/script` - Add release workflow [#32](https://github.com/code-hike/codehike/pull/32) ([@pomber](https://github.com/pomber)) - `@code-hike/classer`, `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines`, `storybook` - v0.0.0-4333a8b ([@pomber](https://github.com/pomber)) - v0.0.0-6a4ea1c ([@pomber](https://github.com/pomber)) - v0.0.0-e48fa74 ([@pomber](https://github.com/pomber)) - v0.0.0-1f0ad83 ([@pomber](https://github.com/pomber)) - v0.0.0-cde697c ([@pomber](https://github.com/pomber)) - `@code-hike/scrollycoding` - Remove comments ([@pomber](https://github.com/pomber)) - Fix links without href ([@pomber](https://github.com/pomber)) - Add anchor component ([@pomber](https://github.com/pomber)) - Add sandpack colors for loading screen ([@pomber](https://github.com/pomber)) - Add links to csb ([@pomber](https://github.com/pomber)) - Sandpack alpha-31 ([@pomber](https://github.com/pomber)) - Split layouts ([@pomber](https://github.com/pomber)) - Update to sandpack alpha-26 ([@pomber](https://github.com/pomber)) - Fix focus margin ([@pomber](https://github.com/pomber)) - Focus redesign ([@pomber](https://github.com/pomber)) - Fix media query ([@pomber](https://github.com/pomber)) - Add media query ([@pomber](https://github.com/pomber)) - Add props ([@pomber](https://github.com/pomber)) - Make sticker flex ([@pomber](https://github.com/pomber)) - Refactor scrollycoding ([@pomber](https://github.com/pomber)) - Bump sandpack ([@pomber](https://github.com/pomber)) - Use sandpack alpha-15 ([@pomber](https://github.com/pomber)) - Add docs ([@pomber](https://github.com/pomber)) - Remove console log ([@pomber](https://github.com/pomber)) - Add presets ([@pomber](https://github.com/pomber)) - Read filenames and lang from mdx ([@pomber](https://github.com/pomber)) - Extract hike ([@pomber](https://github.com/pomber)) - Remove extra styles ([@pomber](https://github.com/pomber)) - Add class to focus icon ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/scrollycoding` - Use link instead of hash to avoid double updates ([@pomber](https://github.com/pomber)) - Extract mini browser ([@pomber](https://github.com/pomber)) - Browser props ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/scrollycoding`, `storybook` - Add scrollycoding mdx ([@pomber](https://github.com/pomber)) - `@code-hike/classer` - Add link to thread ([@pomber](https://github.com/pomber)) - Add readme ([@pomber](https://github.com/pomber)) - `@code-hike/classer`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/scrollycoding` - Add classer ([@pomber](https://github.com/pomber)) - `@code-hike/scroller`, `storybook` - Fix intersection observer in Safari ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines`, `storybook` - v0.0.0-aa6efee ([@pomber](https://github.com/pomber)) - v0.0.0-b57b267 ([@pomber](https://github.com/pomber)) - v0.0.0-33f17eb ([@pomber](https://github.com/pomber)) - v0.0.0-211ab01 ([@pomber](https://github.com/pomber)) - v0.0.0-6dfbe3d ([@pomber](https://github.com/pomber)) - v0.0.0-133ab88 ([@pomber](https://github.com/pomber)) - v0.0.0-4adbd70 ([@pomber](https://github.com/pomber)) - Add scrollycoding package ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/scrollycoding` - Add file name to focus component ([@pomber](https://github.com/pomber)) - New smooshpack version ([@pomber](https://github.com/pomber)) - Auto resize ([@pomber](https://github.com/pomber)) - Cascade code and preview props ([@pomber](https://github.com/pomber)) - Add scrollycoding slots ([@pomber](https://github.com/pomber)) - `storybook` - Add storybook actions ([@pomber](https://github.com/pomber)) - Move storybook ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/scrollycoding`, `storybook` - Change focus style ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `storybook` - Add back mini browser ([@pomber](https://github.com/pomber)) - Add browser transition ([@pomber](https://github.com/pomber)) - Fix browser default url ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-browser` - Add url tests ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/smooth-lines` - Full width lines for easier text selection ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/script`, `@code-hike/scrollycoding`, `storybook` - Use sass ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - v0.0.0-8cbbd89 ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `storybook` - Change styles ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor` - Start code-walk refactor ([@pomber](https://github.com/pomber)) - Remove console logs ([@pomber](https://github.com/pomber)) - Add stateful editor ([@pomber](https://github.com/pomber)) - Remove code-surfer ([@pomber](https://github.com/pomber)) - Change editor padding ([@pomber](https://github.com/pomber)) - Use vscode theme ([@pomber](https://github.com/pomber)) - Use line height ([@pomber](https://github.com/pomber)) - Change line padding ([@pomber](https://github.com/pomber)) - Remove line outline ([@pomber](https://github.com/pomber)) - Fix null code ([@pomber](https://github.com/pomber)) - Measure longest line for each step ([@pomber](https://github.com/pomber)) - Recalculate code height ([@pomber](https://github.com/pomber)) - Focus extremes ([@pomber](https://github.com/pomber)) - Add focus to transtion ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/scroller`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - v0.0.0-a3f5be4 ([@pomber](https://github.com/pomber)) - Remove site ([@pomber](https://github.com/pomber)) - Refactor scripts ([@pomber](https://github.com/pomber)) - Change canary version ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/scroller` - Fix component types ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/smooth-lines` - Focus by column ([@pomber](https://github.com/pomber)) - Add minColumns prop ([@pomber](https://github.com/pomber)) - Add min col width ([@pomber](https://github.com/pomber)) - Add useMemo ([@pomber](https://github.com/pomber)) - `@code-hike/mini-frame`, `storybook` - Make height required for mini-frames ([@pomber](https://github.com/pomber)) - Run prettier ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/script`, `@code-hike/scroller`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - v0.0.0-6a7ffe8 ([@pomber](https://github.com/pomber)) - v0.0.0+6aadf0c ([@pomber](https://github.com/pomber)) - Rename build to script ([@pomber](https://github.com/pomber)) - `@code-hike/smooth-column`, `@code-hike/smooth-lines`, `storybook` - Change smooth-column easing ([@pomber](https://github.com/pomber)) - `@code-hike/scroller` - Fix intersection observer on Firefox ([@pomber](https://github.com/pomber)) - `@code-hike/smooth-lines` - Focus opacity ([@pomber](https://github.com/pomber)) - Fix zoom ([@pomber](https://github.com/pomber)) - Make line width dynamic ([@pomber](https://github.com/pomber)) - Add scale ([@pomber](https://github.com/pomber)) - Add easing ([@pomber](https://github.com/pomber)) - Add stagger ([@pomber](https://github.com/pomber)) - Add smooth-lines package ([@pomber](https://github.com/pomber)) - `@code-hike/smooth-column` - Fix overshot ([@pomber](https://github.com/pomber)) - Dynamic height in column ([@pomber](https://github.com/pomber)) - Implement column ([@pomber](https://github.com/pomber)) - Add column package ([@pomber](https://github.com/pomber)) - `@code-hike/mini-editor`, `@code-hike/smooth-column` - Tween item height ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-editor` - Fix transition index ([@pomber](https://github.com/pomber)) - Start removing code-surfer ([@pomber](https://github.com/pomber)) - `@code-hike/mini-browser`, `@code-hike/smooth-column` - Remove warnings ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff` - Remove extra prev key ([@pomber](https://github.com/pomber)) - Add code story ([@pomber](https://github.com/pomber)) - Add code map ([@pomber](https://github.com/pomber)) - Add jest ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/mini-editor`, `@code-hike/smooth-lines` - Add useDimensions ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/smooth-lines` - Add wsrun ([@pomber](https://github.com/pomber)) - Update storybook ([@pomber](https://github.com/pomber)) - `@code-hike/code-diff`, `@code-hike/player` - Add tokenizer ([@pomber](https://github.com/pomber)) - `@code-hike/player` - Wrap video component ([@pomber](https://github.com/pomber)) #### ⚠️ Pushed to `next` - Update readme.md ([@pomber](https://github.com/pomber)) - `@code-hike/classer`, `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - v0.3.0-next.0 ([@pomber](https://github.com/pomber)) - `storybook` - Make storybook private ([@pomber](https://github.com/pomber)) - `@code-hike/script` - Add auto ([@pomber](https://github.com/pomber)) - `@code-hike/classer`, `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/script`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - Add lerna ([@pomber](https://github.com/pomber)) #### 🏠 Internal - Bump auto version [#35](https://github.com/code-hike/codehike/pull/35) ([@pomber](https://github.com/pomber)) - `@code-hike/classer`, `@code-hike/code-diff`, `@code-hike/mini-browser`, `@code-hike/mini-editor`, `@code-hike/mini-frame`, `@code-hike/mini-terminal`, `@code-hike/player`, `@code-hike/script`, `@code-hike/scroller`, `@code-hike/scrollycoding`, `@code-hike/sim-user`, `@code-hike/smooth-column`, `@code-hike/smooth-lines` - Better release log [#41](https://github.com/code-hike/codehike/pull/41) ([@pomber](https://github.com/pomber)) #### Authors: 1 - Rodrigo Pombo ([@pomber](https://github.com/pomber))
github-actions[bot] commented 2 years ago

:rocket: PR was released in v0.3.0 :rocket: