Changelog

2.2.0 - More improvements to the Devtools integration and bugfixes

This version adds copy classlist/element functionality to Devtools integration.
A bunch of performance improvements and bugfixes are also included in this version.

• Copy classlist/element inside the Devtools integration. You can find it under the Elements tab.
• Polished the UI for the Devtools integration panel.
• License information is now available under 'Account' in the Devtools integration panel.
• Fixed: Changing or adding a custom config required a refresh of the page before custom classes were available.
• Fixed: Editing a class in the Tailscan overlay window would give errors in some cases due to changes in the autosuggestion mechanism.
• Fixed: Tailscan wasn't usable on websites with RTL direction.
• Fixed: Adding classes with complex arbitrary variants that include asterisks falsely gave an error.

2.1.0 - Devtools integration, element navigator and Tailwind v3.4 support

This version brings Devtools integration. Especially useful when you work in responsive mode!
All new classes introduced by Tailwind version 3.4 are now supported as well.
Navigating to other elements is becoming much easier with the new element navigator, and last but not least, there are many more options added to the non-tech panel.

• Devtools integration is added. You can find it under the Elements tab.
• Element navigator added. Click on the element tag in Tailscan to start navigating.
• Five more categories have been added to the non-tech panel in Tailscan.
• All Tailwind v3.4 classes are now supported
• Improved: The highlight width can now be changed to zero, which will hide the highlight entirely.

2.0.3 - Bugfix

• Improved: convert pseudo elements/classes more accurately
• Improved: license activation trims potential spaces before/after when copy/pasting
• Fixed: crash caused by rare issue where stylesheets are imported but invalid when converting
• Fixed: minor layout issues with Tailscan window

2.0.2 - Bugfix

• Fixed: Updated the error message when max amount of devices for license reached.
• Fixed: When Content Security Policy is disabled by the user, the icons in the toolbar inside Tailscan were misaligned.
• Fixed: Navigating to the parent element in Tailscan would sometimes not work properly because of the bugfix in v2.0.1

2.0.1 - Bugfix

• Fixed: Tailscan 2 had a critical bug that prevented core functionality from working.

2.0.0 - Tailscan 2

Tailscan 2 introduces a new non-tech interface that allows anyone to change websites right within the browser, no coding skills required.

• Non-tech interface - no coding skills required.
• CSS-to-Tailwind functionality is now out of beta.
• UI improvements to increase usability drastically.

1.3.4 - Bugfix

• Fixed: when converting from css to Tailwind, font size isn't always processed correctly.

1.3.3 - Bugfixes and improvements

• Improved: Conversion from css to Tailwind is now up to 20% faster due to new sorting algorithm
• Fixed: Tailscan not working on websites with CSP (Content Security Policy) active. The user can now give permission for this.
• Fixed: when converting from css to Tailwind, pixel values were not converted into standard Tailwind CSS rem values

1.3.2 - Bugfixes and improvements

• Added option for naming custom breakpoints for css-to-tailwind conversion
• Added option for extracting the background for css-to-tailwind conversion
• Fixed: absolute positioning did not work properly for css-to-tailwind conversion
• Fixed: borders were not detected in edge cases during css-to-tailwind conversion

1.3.1 - Changelog and bugfixes

• Added changelog to the menu in Tailscan and a new version notification after every update (disappears automatically)
• Fixed: scrolling down, and then activating Tailscan, increases the page height
• Fixed: inspect window would sometimes go out of the page when devtools is open and attached to the top or bottom
• Fixed: css-to-tailwind would sometimes not work with certain type of media queries

1.3.0 - CSS-to-Tailwind and more

This is one very big shiny new feature that will save you tons of time:
Tailscan can now convert any element on any website to a Tailwind component for you.

And all it takes is one click to convert elements from your own project or any website into reusable Tailwind components. Even if the styles don't exist as Tailwind classes, they will be added as arbitrary classes. All children elements will also be converted.

• Transform every element on any website to Tailwind CSS
• Show the current Tailwind breakpoint at the bottom of the Tailscan window
• Classes are now sorted according to the Tailwind standard order (same as the prettier plugin)
• Fixed: A class change on one element would sometimes affect other elements
• Fixed: The Tailscan window would move if you type in a new class after dragging
• Fixed: Some variants were falsely rejected as invalid class

1.2.5 - Branding change and bugfix

• Change branding colors and add new Tailscan logo
• Fixed: when moving the window and afterward add a class, the window would jump back.

1.2.3 - Tailwind CSS 3.3

• Added support for Tailwind CSS 3.3

1.2.0 - Computed regions, guidelines and more

• Visual margins and paddings, including label with Tailwind CSS class
• Guiding and measuring lines
• Screenshot functionality
• Fixed: Loading Tailscan took unnecessarily long in some cases
• Fixed: "Go to my subscription" button in the settings did not work

1.1.0 - Click-to-pin, auto-suggestion improvements and more

• Click-to-pin the inspection window
• Significant improvements to the auto suggestions, like showing the CSS for each Tailwind class
• Easily navigate to parent element
• See-through window option
• Tooltips for the buttons on the top-right of the inspector window
• Fixed: Some code blocks on some websites lost their styling when Tailscan was active
• Fixed: The inspector window got stuck off-screen in some situations
• Fixed: The inspector window was moving up and down when scrolling sometimes
• Fixed: Performance issues when opening and closing Tailscan many times

1.0.5 - Detect Tailwind on website

• Detect and show if the website uses Tailwind CSS (Tailscan extension logo shows red or green)
• Add a button that lets you move the Tailscan window after pinning it

1.0.4 - First update

• Improved editing and adding classes
• New settings screen
• New appearance and brand colors
• Now supports everything up until Tailwind CSS version 3.2.1
• Fixed: Missing line numbers for the custom Tailwind config input
• Fixed: Copying element shows Tailscan-related classes and attributes
• Fixed: Sometimes previously applied styles disappear when adding other styles
• Fixed: Tailscan sometimes disappears in the bottom-right of the screen
• Fixed: Tailscan follows mouse too slow when hovering over many elements quickly
• Fixed: Page scrolls up randomly when hovering over elements
• Fixed: Checkbox and select elements on webpages were showing Tailscan styling
• Fixed: Classes that were inactive (unchecked) couldn't be deleted from an element

1.0.0 - Tailscan launch

Tailscan launched on November 14, 2022 🚀!