Title: [184877] trunk/Source/WebInspectorUI
- Revision
- 184877
- Author
- nvasil...@apple.com
- Date
- 2015-05-26 14:48:41 -0700 (Tue, 26 May 2015)
Log Message
Web Inspector: focus outline of a search field should have a radius
https://bugs.webkit.org/show_bug.cgi?id=145383
Add a focus outline animation to roughly mimic the default focus outline of OS X.
Reviewed by Timothy Hatcher.
* UserInterface/Views/Toolbar.css:
(.toolbar .search-bar > input[type="search"]):
-webkit-focus-ring-color doesn't follow element's curvature (e.g. border-radius)
and it cannot be animated. Replace it with box-shadow.
(.toolbar .search-bar > input[type="search"]:focus):
Modified Paths
Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (184876 => 184877)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-05-26 21:38:57 UTC (rev 184876)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-05-26 21:48:41 UTC (rev 184877)
@@ -1,5 +1,21 @@
2015-05-26 Nikita Vasilyev <nvasil...@apple.com>
+ Web Inspector: focus outline of a search field should have a radius
+ https://bugs.webkit.org/show_bug.cgi?id=145383
+
+ Add a focus outline animation to roughly mimic the default focus outline of OS X.
+
+ Reviewed by Timothy Hatcher.
+
+ * UserInterface/Views/Toolbar.css:
+ (.toolbar .search-bar > input[type="search"]):
+ -webkit-focus-ring-color doesn't follow element's curvature (e.g. border-radius)
+ and it cannot be animated. Replace it with box-shadow.
+
+ (.toolbar .search-bar > input[type="search"]:focus):
+
+2015-05-26 Nikita Vasilyev <nvasil...@apple.com>
+
Web Inspector: The bottom part "debugger" is clipped in the tab’s title
https://bugs.webkit.org/show_bug.cgi?id=145381
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css (184876 => 184877)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2015-05-26 21:38:57 UTC (rev 184876)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2015-05-26 21:48:41 UTC (rev 184877)
@@ -114,16 +114,16 @@
border: 1px solid transparent;
border-top-color: white;
- box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0;
-
background-clip: initial;
margin: 4px;
+
+ box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, 0 0 0 7px hsla(211, 96%, 48%, 0);
+ transition: box-shadow .25s cubic-bezier(0.165, 0.840, 0.440, 1) /* easeOutQuart */;
}
.toolbar .search-bar > input[type="search"]:focus {
- outline: auto 5px -webkit-focus-ring-color;
- outline-offset: -2px
+ box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, 0 0 0 3px hsla(211, 96%, 48%, 0.4);
}
.toolbar .search-bar > input[type="search"]::-webkit-textfield-decoration-container {
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
