Eric,
Thanks for the well informed heads up.
I do find it funny that browser authors can dictate what we see, without
giving us the ability to switch back. I am not fussed about the changes,
but some people put a lot of effort into this kind of thing only to have
someone else decide "what is better for you", its a little dictatorial.
Regards
Tony
On Tuesday, May 26, 2020 at 8:16:53 AM UTC+10, Eric Shulman wrote:
>
> Hi All,
>
> This morning, when I loaded my current TW project which has many input
> forms, there was a very noticeable change in the default appearance of most
> form inputs.
>
> After a brief investigation, it turns out that Chrome, Edge, and other
> popular Chromium-based browsers have gotten a major facelift over the past
> few months, and Chrome just rolled these changes in the latest update (v83)
>
> This doesn't affect non-Chromium-based browsers (e.g., FireFox, Opera,
> etc.) and some Chromium-based browser rollouts have not yet happened (e.g.,
> Chrome for Android) but are scheduled to occur in a few months.
>
> Here's a link that shows the old vs. new appearances:
> https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html
>
> Among the changes:
> * text input fields now have a thicker border (2px) and the focus
> indicator is a vivid blue outline with rounded corners and 1px white margin
> * checkboxes have slightly rounded corners and, when checked, now use a
> blue background and white checkmark
> * range sliders are slim rectangles with rounded corners, are filled with
> blue to show the current value, and the "thumb" is a blue circle
>
> You can also see some of these changes for inputs in
> https://tiddlywiki.com/#%24%3A%2FControlPanel, especially for controls in
> the Info>Basics, Appearance>Toolbars, and Appearance>Theme Tweaks tabs
>
> For the most part, these not-so-subtle changes are generally improvements
> in the display of form controls, and I suppose we will eventually to get
> used to the new default styles of these input controls and design our form
> layouts accordingly.
>
> However, the increased border-width for text input fields is more
> disruptive for some of my *existing* form layouts:
> * when there is a 'stack' of edit fields, the borders of the fields now
> touch without any vertical whitespace separation.
> * borders on textarea and select (listbox/droplist) controls are still 1px
> thin lines, so they look very different from the new text input control
> borders
>
> Fortunately, the change in text input control borders can be modified by
> simple CSS. To adjust the border thickness back to 1px, just create a
> tiddler tagged with $:/tags/StyleSheet, and enter this CSS:
> input { border-width:1px; }
>
> Note that this does not affect the new text input focus indicator, which
> will still be a vivid blue outline with rounded corners, but at least it
> makes the input fields look *almost* like they used to.
>
> -e
>
>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/ef256df7-c8ea-49ad-a72b-0cd2dae2218a%40googlegroups.com.