Microthemer Changelog (4.x)

CHANGELOG (Feb 7th, 2017)

# Bugs fixed
* After fixing the display of the admin bar preferences, a further fix was needed to make them work correctly, including for non-administrators who are always denied access to the MT interface. (Feb 6th, 2017)

# Bugs fixed
* Both MT admin bar preferences showed as 'Yes' and 'No' when trying to set them to 'No'. (July 15th, 2016)

# Enhancement
* Added support for custom JavaScript for full frontend editing. See new tab in custom code area.

# Change
* When SCSS and minification is enabled, MT also shows unminified compiled CSS file.
* After exporting, Microthemer loads the manage packs dialog instead of simply closing the export dialog.
* Frontend toolbar displays by default in MT site preview. This can still be hidden via the preferences.

# Bugs fixed
* IE specific stylesheets can be used in draft mode too.
* Inactive code loads IE stylesheets too if necessary.
* Under some circumstances IE specific stylesheets editors could get cleared when switching between different IE specific editors.
* Replaced special » arrow character with regular >> characters in active-styles.css CSS comments (as char encoding issues could invalidate the CSS code). (July 8th, 2016)

# Change
* Added missing snippets to ACE code editor and removed previous version of ACE. (July 7th, 2016)

# Change
* Updated the getting started video.
* UTF-8 enforced for custom editor character encoding.

# Enhancement
* Reduced the number of translated JS text strings output in the head of the preview iframe.
* Added a temporary icon for indicating common device preview feature at top left of rulers, better icon to follow.
* Servers running PHP 5.4 or newer will load the latest version of scssphp, which requires PHP 5.4. Older versions of PHP will continue to load the older version of scssphp, which doesn't support the very latest SCSS syntax but works for most purposes.

# Bugs fixed
* Exit to frontend menu link didn't work if clicked on first visit to Microthemer's interface.
* 'Microthemer' link appears in the WP toolbar immediately after installing (with no need to visit MT interface once).
* Layout issues for preferences form fields on smaller screens.
* Manually setting !important for various CSS3 properties didn't work, including border radius, gradients, text-shadow, and box-shadow.
* On the manage packs page a blank (uneditable) pack could be created under some circumstances. (July 1st, 2016)

# Bugs fixed
* Export button didn't work as a result of update earlier today. (June 29th, 2016)

# Bugs fixed
* Entering rgba values in the new embedded custom code editor caused issues.
* Single and double quotes were rendering as their character codes in the custom code editors (e.g. ") (June 20th, 2016)

# Bugs fixed
* Renaming folders or selectors caused problems for new GUI embedded code editor.
* Deleting forward in the new GUI code area could delete what should be read-only code.
* Highlighting and dragging text has been disabled in gui editor for the same reason.
* Selecting a mixture of read-only and editable lines and then deleting could remove what should be read-only lines too. (June 18th, 2016)

# Bugs fixed
* Minification isn't turned on by default. This may be a temporary measure.
* Removed deprecated get_currentuserinfo() function.
* Nested SCSS selectors didn't work in new GUI code editor.
* The new CSS minification PHP script uses syntax introduced in PHP 5.3. So PHP version 5.3 is required to make use of this new minification feature. Microthemer now inserts a note about upgrading PHP at the top of min.active-styles.css rather than breaking on servers running older versions of PHP. (June 17th, 2016)

# Change
* Some of the general preferences have been moved to a new 'SCSS/CSS' tab, which replaces the 'CSS Units' tab.

# Enhancement
* Added support for draft mode.
* Added support for SCSS in custom code editor.
* Added support for CSS minification.
* Optional dark theme available for custom code editor.
* Custom code can be added to GUI selectors via the <> code icon at the start of the property group icons.
* View generated CSS now displayed with syntax highlighting and tabs for SCSS/CSS/Minified.
* 'Edit with Microthemer' option in frontend WP toolbar now loads last frontend page viewed in site preview. * New menu at top right with labels and toggle switches.
* New menu: option to manually set preview url (replaces option in preferences window).
* New menu: quick links to demo video, responsive tutorial, and forum.
* New menu: exit link to frontend as well as WP dashboard. (April 22nd, 2016)

# Enhancement
* New internal CSS reference with links to dedicated tutorials for most CSS properties. (April 12th (pm), 2016)

# Bugs fixed
* Major translation updates rolled back. Small update included to make Spanish and Hebrew translations work better. (April 12th, 2016)

# Bugs fixed
* The update to the translation system yesterday caused more problems that it solved. This release addresses that. (April 11th (pm), 2016)

# Bugs fixed
* On new installs of Microthemer, the responsive tabs didn't auto-adjust the preview screen width. (April 11th, 2016)

# Enhancement
* Resizing the height of the custom code editor is now smooth and quick. More improvements on the way there.
* When restoring settings, new responsive tabs are added to the interface if they are needed to display the settings correctly - the same thing that already happens when importing settings.

# Bugs fixed
* Translated versions of Microthemer didn't load properly, amd import with merge didn't work.
* Site preview could have an extra top margin on screen sizes below 767px. This was due to the margins WordPress applies when it is expecting to show an admin bar on the frontend.
* Disabling a folder didn't have the desired effect for responsive tabs (these styles were not disabled).
* Clearing a folder, selector, tab, or property group didn't disable any chain icons for syncing related fields.
* Import with merge option - responsive style could overwrite instead of merging if importing a pack from a different installation (with different keys for the same media query). Importing and merge has been troublesome in version 4. This final problem prompted a very thorough audit of data management, resulting in many fixes that improve the stability of the import/export features.
* Responsive tab values could be output to the active-style.css stylesheet in the wrong order i.e. not reflecting the order of the folders and selectors in the UI.
* When selectively exporting a folder, extra responsive tab styles from unchecked folders could end up in the export as junk data. These styles would not show in the UI however, and would be discarded without causing issues on the first save after importing. Cleaner to remove them nonetheless.
* When new media query tabs were auto-added to the interface (e.g. after an import), they didn't adjust the preview screen width like they should (unless the media queries were subsequently saved via the 'Edit media queries' popup).
* Tab feathers that indicate if the tab has any styles didn't always update correctly after adding/removing a single style.
* Auto-save didn't trigger after copying a folder or selector. This meant the copy action wasn't added to the history table.
* If the last viewed media query is deleted, Microthemer defaults to the 'All Devices' tab (rather than no tab being selected).

# Change
* Removed legacy PHP conditions for microloader. (March 31st, 2016)

# Change
* When creating a new selector, Microthemer defaults to the last used property group (e.g. Shadow) rather than Font.

# Bugs fixed
* Using the 'Content' CSS property triggered a JavaScript error. (March 27th (pm), 2016)

# Bugs fixed
* Feather icons that signal the presence of styles were not updating when using the clear option for folders, selectors, tabs, or property groups. (March 27th, 2016)

# Bugs fixed
* Memory limit check to handle GB unit better introduced a different problem for other users. (March 26th, 2016)

# Bugs fixed
* Export dialog was using the similar import icon.
* Memory limit check handles reported memory in GB unit better.
* introduced a bug with the device preview feature at the top left of the rulers. Screen width was not adjusted.

# Minor Enhancement
* When clicking a previously clicked option in the device preview, thus unselecting it, the screen width does not reset to the current tab. The user is still hovering over the device option, and so the hover preview functionality should remain. (March 23rd, 2016)

# Change
* Renamed some JS files.

# Bugs fixed
* For Firefox, Microthemer must display the preview at 0.3 pixels less than the max-width set in a media query. So if the media query defines a max-width of 979px. Microthemer must set the preview width to 918.7px. This has been the case for a while. But now Chrome requires this same hack.
* Also, under some circumstances the .3px hack was not applied when switching between tabs. (March 10th (eve), 2016)

# Minor Enhancement
* Computed CSS hover tip could display unintentionally if the user's mouse moved over the trigger and then rested where the tip appears. The half second delay was not having the desired effect of keeping tips away when they're not needed. This could be annoying when trying to use the ruler and accidentally triggering tips. (March 10th (pm), 2016)

# Bugs fixed
* MAJOR BUG: when importing data that includes new media queries, the new queries were imported but not the styles added to them.

4.9.0 (Feb 16th, 2016)

# Change
* Added selector highlight icons for hover preview. Having that functionality accidentally trigger on selector names in the main menu was annoying.
* Increased free trial selector limit from 9 to 15.
* The computed CSS tooltip for individual properties has changed. It is now a quick-options menu that may display other things like the mixed computed CSS table (which could display unintentionally previously). Also, accessing the CSS reference for the property is now triggered by clicking the property name in the quick options menu.
* 'Check All' checkbox on export dialog is not checked by default. So on first click, it checks all rather than unchecks all.
* Removed WP 2.x compatibility functions.

# Enhancements
* Microthemer revision restore now provides more precise information about the save point.
* Folders, selectors, responsive tabs, and property groups can be disabled using an icon. For tabs and property groups, hover over the tab/label (e.g. All Devices/PADDING).
* Folders, selectors, responsive tabs, and property groups can also be cleared of styles using the clear icon.
* Switching on the chain icon next to related fields (e.g. padding) synchronises their values. Double-clicking a field synchronise values still works (although this won't work on border color, which uses a color picker).
* Minor improvements to the sortability of folders and selectors.
* Tooltips either say 'add' or 'remove' rather than add/remove, and update dynamically.

# Bugs fixed
* Imported media queries used raw media query code for label.
* Internal server error in preview when WordPress has it's own sub-directory.
* Double-clicking related fields (e.g. all padding fields) to set them all to the same value could overwrite values on a separate media query tab.
* If highlighting was turned on then off using the icon in the top right, it would come back on after adjusting the screen size (e.g. using the ruler or clicking a tab). (Feb 1, 2016)

# Bugs fixed
* Internal error when WordPress is installed in a sub-directory
* Adding a new custom media query resulted in the label and media query being split over two different media queries.

4.7.5 (Jan 16th, 2015)

# Bugs fixed
* LazyLoad given own name space tvrLazyLoad in order to reduce the chance of conflict with other scripts using lazy load.

4.7.4 (Jan 15th, 2015)

# Bugs fixed
* Formatting of 'Update your jQuery' message.
* Fixed erroneous memory limit message by accommodating -1 as a return value.
* Media query sets were repeated in dropdown on main UI (not standalone preferences page).

4.7.1 (Dec 11th, 2015)

# Enhancement
* Microthemer now works well with Autoptimize even with CSS minification and concatenation enabled.
* Import and merge appends numbers to imported folders that have the same name (like it did before we made some internationalisation improvements to the folders).
* Folder quick edit and main menu popdowns don't auto-close after manually adding/editing a selector. Nicer when updating multiple selectors. The single selector quick edit popdown still auto-closes.
* Main menu and quick edit popdowns provide more room for editing folders and selectors (up to the full height of the screen).
* Background position/size fields can have default units set, including auto-conversion (e.g. px to em).

# Change
* Background color no longer overrides gradient if both are specified alongside a background image. The stacking order is background (top) image, gradient (middle), background color (bottom).

4.6.5 (Nov 18th, 2015)

# Enhancement
* Microthemer detects when an error (e.g. plugin/theme conflict) is preventing it from completing an action and provides self-help tips.

# Bugs fixed * CSS units could not all be set in one go on the standalone preferences page.
* The name of the last modified pack on the manage packs popup wasn't being output.
* Clicking the scrollbars when quick editing a folder or selector closed the quick edit pop-down.
* Clicking a tab row but missing an actual tab loaded blank content.
* 4.5.6 bug fix didn't deal with stripslashes() removing \ chars effectively. This has been addressed more thoroughly now. If Microthemer generated unwanted \ characters in the last 2 weeks, please delete them. They won't come back now.

4.5.9 (Nov 2nd, 2015)

# Enhancement
* Microthemer appends a number to active-styles.css?mts=1 relating to the number of saves. This ensures site visitors don't get an out-dated cached version of active-styles.css. They always see what you see in the preview.

# Change
* Easier to apply CSS default unit sets, more options available.

# Bugs fixed
* Cleaned up some minor debug output displayed in browser consoles.

4.5.6 (Oct 28th 2015)

# Bugs fixed
* stripslashes() function was used twice in active-styles.css which removed legitimate backslashes (\) needed for things like Font Awesome.
* New CSS property 'Content' added to behaviour group (pending icon).
* Plain numeric values were not being converted to pixels behind the scenes if 'px (implicit)' wasn't selected as the default CSS unit (a unitless number is only valid CSS for line-height). This caused problems when switching between different default units.
* CSS unit sets were not available on the standalone preferences page.

# Enhancements
* There is no restriction on the format of folder names (non-alphanumeric chars will not be stripped out).
* New tab on the preferences for language settings.
* Auto-capitalizing folder, selector and design pack names can be turned off on language settings tab.
* CSS syntax for properties can be shown in the tooltips in addition to the label e.g. Tama de tipografa / font-size (useful for non-English versions).
* The default folder names have been internationalised.

4.4.7 (Oct 2nd, 2015)

# Bugs fixed
* Re-added the preferences save button to the standalone preferences page.
* Final internationalisation bug fixes.

4.4.5 (Sept 28th, 2015)

# Change
* Textareas are used for editing media query code instead on single line input fields.

# Bugs fixed
* The Selector description disappeared when you try to edit it.

4.4.3 (Sept 25th, 2015)

# Change
* Only icons that switch the popup view are shown in the footer of popups.
* Removed extra inline save button for preferences, import, and export popups leaving just one action button at the bottom right of the popups.

# Enhancement
* Support for 'px to rem' auto-conversion.
* A new 'Inactive' tab has been added to the preferences. Specify options relating to data deletion upon uninstall, and get code for using Microthemer styles when deactivated/uninstalled here. The code snippet can be pasted into your theme's functions.php file.

# Bugs Fixed
* Setting a Google font worked the first time, but then updating it didn't work (live).
* No notification was shown when unlocking Microthemer (success or failure) following 4.2.8 update at the end of August.
* The export notification contained unnecessary dev notices which obscured the main notice: export success.
* Both 'Yes' and 'No' radio buttons were checked when choosing to overwrite current media queries with a set (instead of just the 'Yes' radio button).

4.3.5 (Sept 18th, 2015)

# Bugs Fixed
* MAJOR BUG: Under some circumstances, responsive settings could get lost when importing a design pack to a different WordPress install, or if the media queries were manually edited in between the export and import. This happened because the responsive tab index keys could become out of sync.
* Clicking to the right of the selector wizard tabs would result in Microthemer switching to a blank tab.
* Import/export fields resized down when they gained focus, this was unintentional.
* The Hebrew translation of Microthemer didn't save preferences properly and showed English labels for CSS properties.

4.3.1 (Sept 15th, 2015)

# Bugs Fixed
* The responsive tabs didn't resize the preview screen when no selectors existed in the interface.

4.3.0 (Sept 4th, 2015)

# Bugs Fixed
* Box-shadow blur wasn't given a pixel unit if set to implicit pixels. This could prevent box-shadow from working properly.
* The selector wizard folder field shrunk when it gained focus like the input fields.

4.2.8 (Aug 26th, 2015)

# Change
* The input fields for text-shadow and box-shadow have been reordered to reflect the current order defined in the CSS specs. Also, additional properties 'spread' and 'inset' have been added to the box-shadow fields.
* Text-shadow no longer defaults to a grey color (#CCC) if no color is specified. The specs say that the value of color (font color) should be used if no color is specified for text-shadow. Microthemer allows this behaviour now.

# Bugs Fixed
* Unnecessary error message about not being able to create the revisions table on new installs.
* The 'Error saving settings' message was a bit scrambled as a result of improper internationalisation. Also, the error reports folder went missing.
* Text or box shadow reported CSS was messed up. Internet explorer reported styles in the wrong place, and RGBA values for shadow color caused problems.

#Enhancement * All CSS properties now have a description in the CSS reference.
* Input fields grow as you type.
* Excel-like formulas can be used in style fields for auto converting pixels to percentages or ems. Enter =%(200) into the width field (for instance) and Microthemer will calculate 200 pixels as a percentage of the parent element's width. You can also use =em(36, 2). If the font-size context was 12, Microthemer would convert this to 3em. The extra '2' parameter is optional. If specified, the context of the nth element would be used if the selector matches multiple elements (rather the defaulting to the first element in the selection).
* This auto-conversion behaviour can also be 'turned on' via the default unit options in the preferences. So if you set 'px to em' for padding fields and then enter the number 20, with no unit specified, Microthemer will convert this to 1.25em (assuming the font-size context was 16px). Microthemer's ability to query font-size and parent width contexts makes the auto-convert features extra useful.
* Microthemer reports color values as hex as well as RGB/A.
* Microthemer notifications in the top right can be dismissed.
* The vertical-align property has been added. Finally. It's an infuriating property so I've taken time to explain it's quirks in the CSS reference.
* Added more values to the display property e.g. display:table-cell.
* Generally, improved the notification system in the top right.

4.1.4 (Aug 4th, 2015)

# Bugs Fixed
* On multisite, the Microthemer URL in the admin toolbar could be invalid.

4.1.3 (July 28th - later on)

# Bugs Fixed
* (Major bug) Zero values for styles (e.g. padding-top:0) were not being redisplayed in the interface. This meant they were easily lost.
* In Firefox (in particular) the tooltips would get stuck and couldn't be cleared under some conditions.
* The highlighting could get stuck too on when auto-closing the quick edit menu (a feature added in the last version 4.1.0)

4.1.0 (July 28th, 2015)

# Bugs Fixed
* Under some circumstances the key for identifying the last used responsive tab could become out of date. This caused a javascript error that prevented the interface from loading properly (spinning wheel of death).

# Change
* The main/quick edit menus closes automatically after adding or editing a selector. It feels more inline with user expectation.

4.0.8 (July 21st, 2015)

* Landscape dimensions for common phone previews added.
* Fallback added for getting Microthemer's stylesheet when a 3rd party plugin strips out it's id.
* A cap on the number of elements (20) Microthemer will highlight and analyse has been added. This prevents broad selectors applied to pages with large amounts of HTML from overloading the browser.
* Admin bar in the preview can be optionally shown. I discovered a situation where hiding the admin bar with CSS could artificially interfere with the page layout. Also, some users might prefer to make use of the admin bar if it helps their workflow.
* To make the admin bar more useful for those that enable it, Microthemer now follows links to the admin area (rather than warning against it). The difference now is that following an admin link in the preview will direct the whole Microthemer interface to a new page, not just in the preview.
* More auto-saves have been added to the following actions so that leaving the Microthemer interface (potentially by accident) doesn't result in the loss of settings. Auto-save now happens when a folder or selector is: created, deleted, moved, or renamed.
* Setting the shortcut to Microthemer in the admin bar wasn't having an effect on admin pages (only the admin bar on the frontend of the site). Overall it was a bit glitchy.
* The common screen previews at the top left of the rulers were not disappearing properly when hiding the interface with the logo toggle.

4.0 (July 13th, 2015)

# Main New Features
* Easier to add responsive styles.
* Improved color picker.
* Pixel rulers on the X and Y axis.
* Quick preview feature for common devices added to top left corner of the rulers.
* Ems/rems used in media queries now preview at the correct width on the responsive tabs.
* Specify default CSS units e.g. ems, vw, % instead of implicitly defaulting to pixels.
* Full screen mode.
* Collapse or expand the Microthemer interface with the logo.
* Preview selectors when hovering over selector names.

# Design Changes
* The left toolbar icons have been moved to the top right of the interface. Some have been grouped together. Related options display on hover.
* The folder and selector management options have been moved to the top left.
* The responsive slider has been replaced by the rulers. Drag the rulers or click on a point to adjust the screen width. Rulers shading shows the scope of the current responsive tab.
* The media query tabs are now above the CSS property groups and are always visible. They can be hidden via the Edit Media Queries popup.
* The selector wizard options all display to the right of the page. The advanced options are always visible. The selector wizard does not replace the normal editing options. It appears above them. * Little blue or white feather icons are used to indicate when styles have been added to a selector, media query tab, or property group.
* The color picker has been updated. It now supports RGB/A and HSL/A color codes.
* Default computed colors are show by a bottom border on the new color picker field (which is a small square now).

# Functional Changes
* Microthemer doesn't use the crosshair mouse icon anymore because this was artificially changing the computed CSS for the mouse cursor property.
* The media query tabs do not lock the screen width slider at a minimum or maximum screen width. The shading shows the scope of the media query conditions. And if the user drags outside the scope of the media query a warning icon is displayed in the top left of the rulers.
* Hovering over the selector's name in the top toolbar temporarily triggers highlighting and auto-scrolls to the right place in the page.
* Continuity has been given precedence. When switching between property groups (e.g. font to padding) the responsive tab never changes. This holds true when switching between selectors. When switching between selectors, Microthemer no longer remembers the property group that was last edited on that selector. It favours continuity and stays on the same property group the previous selector was on.
* Microthemer has a notification recommending Chrome over other browsers. The interface runs considerable faster. This difference may disappear once we implement performance boosts in the coming months.