Skip to content

Chrome extension to expand any HTML element to full width

Notifications You must be signed in to change notification settings

tmlane/click-to-widen

Repository files navigation

Click to Widen - Chrome Extension

Expand any HTML element to full width

Kapture.2023-08-14.at.11.28.29.mp4

Demo

Since this extension is still in development, it isn't available on the chrome webstore. You can still use it by doing the following:

Cloning the Project Locally

Open a terminal or command prompt. Use git to clone the repository:

git clone https://github.com/tmlane/click-to-widen.git

Loading the Extension in Chrome

  • Open Google Chrome.
  • Navigate to chrome://extensions/.
  • At the top right, enable "Developer mode".
  • Click on the "Load unpacked" button.
  • Navigate to the directory where you cloned the Click to Widen repository and select the folder. The extension should now be added to Chrome.

Using the extension:

  • Click the extension icon to activate.
  • Hover over a page element to highlight it.
  • Click the highlighted element to expand its width.
  • Click the extension icon again to deactivate (Note: Expanded elements will retain their widened style).

Future Work:

  • Work-in-progress: Adjustments on window-resize for better usability.
  • Upcoming: Resetting element width to original size.
  • More enhancements to be added soon.

Happy widening!

About

Chrome extension to expand any HTML element to full width

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published