Title: [234452] branches/safari-606-branch/Source/WebInspectorUI
- Revision
- 234452
- Author
- [email protected]
- Date
- 2018-07-31 23:47:12 -0700 (Tue, 31 Jul 2018)
Log Message
Cherry-pick r234394. rdar://problem/42802129
Web Inspector: Dark Mode: Search sidebar panel text field has a white background
https://bugs.webkit.org/show_bug.cgi?id=188128
<rdar://problem/42678270>
Reviewed by Matt Baker.
Make the search bar in Search tab match the style of the filter bar.
* UserInterface/Views/DarkMode.css:
(@media (prefers-dark-interface)):
(:matches(.search-bar, .filter-bar) > input[type="search"],):
(:matches(.search-bar, .filter-bar) > input[type="search"]::placeholder):
(:matches(.search-bar, .filter-bar) > input[type="search"]:focus):
(.filter-bar > input[type="search"]): Deleted.
(.filter-bar > input[type="search"]::placeholder): Deleted.
(.filter-bar > input[type="search"]:focus): Deleted.
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@234394 268f45cc-cd09-0410-ab3c-d52691b4dbfc
Modified Paths
Diff
Modified: branches/safari-606-branch/Source/WebInspectorUI/ChangeLog (234451 => 234452)
--- branches/safari-606-branch/Source/WebInspectorUI/ChangeLog 2018-08-01 06:44:44 UTC (rev 234451)
+++ branches/safari-606-branch/Source/WebInspectorUI/ChangeLog 2018-08-01 06:47:12 UTC (rev 234452)
@@ -1,3 +1,46 @@
+2018-07-31 Babak Shafiei <[email protected]>
+
+ Cherry-pick r234394. rdar://problem/42802129
+
+ Web Inspector: Dark Mode: Search sidebar panel text field has a white background
+ https://bugs.webkit.org/show_bug.cgi?id=188128
+ <rdar://problem/42678270>
+
+ Reviewed by Matt Baker.
+
+ Make the search bar in Search tab match the style of the filter bar.
+
+ * UserInterface/Views/DarkMode.css:
+ (@media (prefers-dark-interface)):
+ (:matches(.search-bar, .filter-bar) > input[type="search"],):
+ (:matches(.search-bar, .filter-bar) > input[type="search"]::placeholder):
+ (:matches(.search-bar, .filter-bar) > input[type="search"]:focus):
+ (.filter-bar > input[type="search"]): Deleted.
+ (.filter-bar > input[type="search"]::placeholder): Deleted.
+ (.filter-bar > input[type="search"]:focus): Deleted.
+
+
+ git-svn-id: https://svn.webkit.org/repository/webkit/trunk@234394 268f45cc-cd09-0410-ab3c-d52691b4dbfc
+
+ 2018-07-30 Nikita Vasilyev <[email protected]>
+
+ Web Inspector: Dark Mode: Search sidebar panel text field has a white background
+ https://bugs.webkit.org/show_bug.cgi?id=188128
+ <rdar://problem/42678270>
+
+ Reviewed by Matt Baker.
+
+ Make the search bar in Search tab match the style of the filter bar.
+
+ * UserInterface/Views/DarkMode.css:
+ (@media (prefers-dark-interface)):
+ (:matches(.search-bar, .filter-bar) > input[type="search"],):
+ (:matches(.search-bar, .filter-bar) > input[type="search"]::placeholder):
+ (:matches(.search-bar, .filter-bar) > input[type="search"]:focus):
+ (.filter-bar > input[type="search"]): Deleted.
+ (.filter-bar > input[type="search"]::placeholder): Deleted.
+ (.filter-bar > input[type="search"]:focus): Deleted.
+
2018-07-18 Babak Shafiei <[email protected]>
Cherry-pick r233920. rdar://problem/42349819
Modified: branches/safari-606-branch/Source/WebInspectorUI/UserInterface/Views/DarkMode.css (234451 => 234452)
--- branches/safari-606-branch/Source/WebInspectorUI/UserInterface/Views/DarkMode.css 2018-08-01 06:44:44 UTC (rev 234451)
+++ branches/safari-606-branch/Source/WebInspectorUI/UserInterface/Views/DarkMode.css 2018-08-01 06:47:12 UTC (rev 234452)
@@ -917,17 +917,18 @@
}
- /* FilterBar.css */
- .filter-bar > input[type="search"] {
+ /* FilterBar.css, SearchBar.css */
+ :matches(.search-bar, .filter-bar) > input[type="search"],
+ .search-bar > input[type="search"]:not(:placeholder-shown) {
border-color: var(--background-color-selected);
background-color: var(--background-color-alternate);
}
- .filter-bar > input[type="search"]::placeholder {
+ :matches(.search-bar, .filter-bar) > input[type="search"]::placeholder {
color: var(--text-color-secondary);
}
- .filter-bar > input[type="search"]:focus {
+ :matches(.search-bar, .filter-bar) > input[type="search"]:focus {
background-color: hsla(0, 0%, var(--foreground-lightness), 0.2);
color: var(--text-color-active);
}
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
