"unknown-mac" CSS class was introduced in https://bugs.webkit.org/show_bug.cgi?id=145419, before El Capitan announcement. It shouldn't be called "unknown" anymore.
Created attachment 258000 [details] Patch
Comment on attachment 258000 [details] Patch Great!
Comment on attachment 258000 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=258000&action=review > Source/WebInspectorUI/UserInterface/Views/Toolbar.css:161 > +body.el-capitan .toolbar .search-bar > input[type="search"] { All these rules that don't use :not(.el-cap) will need to change before the next release. Let's fix that in a follow up.
Comment on attachment 258000 [details] Patch Clearing flags on attachment: 258000 Committed r187715: <http://trac.webkit.org/changeset/187715>
All reviewed patches have been landed. Closing bug.
Comment on attachment 258000 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=258000&action=review >> Source/WebInspectorUI/UserInterface/Views/Toolbar.css:161 >> +body.el-capitan .toolbar .search-bar > input[type="search"] { > > All these rules that don't use :not(.el-cap) will need to change before the next release. Let's fix that in a follow up. I'm not following. What will they need to change for?
Comment on attachment 258000 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=258000&action=review >>> Source/WebInspectorUI/UserInterface/Views/Toolbar.css:161 >>> +body.el-capitan .toolbar .search-bar > input[type="search"] { >> >> All these rules that don't use :not(.el-cap) will need to change before the next release. Let's fix that in a follow up. > > I'm not following. What will they need to change for? When the system isn't el-capitan for the next release, they will be unknown-mac again, these styles will revert to the old look. That is why most of these rules are about styling the old (body:not(.el-capitan)), so all future releases keep the new look.
We currently have 2 versions in our CSS: — body:not(.el-capitan) for OS X <10.11 — body.el-capitan for OS X 10.11 There is a problem that 10.12, or anything >10.11 for that matter, currently gets "unknown-mac" class and falls into body:not(.el-capitan) selector. We don't want that; we want 10.12 to have El Capitan styles until we introduce a new version. WebInspector.Platform.version.name is currently used to add a corresponding class name to <body>. What if we do something like this instead: if (WebInspector.Platform.version.release <= 10) document.body.classList.add("legacy"); else if (WebInspector.Platform.version.release >= 11) document.body.classList.add("latest-mac"); CSS selectors: — body.legacy — body.latest-mac It would eliminate the need for :not() selector. Later, when we need to have a new (third) UI version, we would: — Keep .legacy CSS rules unchanged — Rename all .latest-mac to .el-capipan — Write all new rules under .latest-mac prefix What do you think?
That is fine with me.