Title: [214475] trunk/Source/WebCore
- Revision
- 214475
- Author
- commit-qu...@webkit.org
- Date
- 2017-03-28 08:55:20 -0700 (Tue, 28 Mar 2017)
Log Message
[Modern Media Controls] Improve appearance of tracks panel on macOS
https://bugs.webkit.org/show_bug.cgi?id=168929
<rdar://problem/30741589>
Patch by Antoine Quint <grao...@apple.com> on 2017-03-28
Reviewed by Eric Carlson.
We use a solid color for the focus state that matches the style used on macOS
and blend the titles the same way we blend other non-solid labels in the controls bar.
* Modules/modern-media-controls/controls/tracks-panel.css:
(.tracks-panel section):
(.tracks-panel section > h3):
(.tracks-panel section > ul > li:focus):
Modified Paths
Diff
Modified: trunk/Source/WebCore/ChangeLog (214474 => 214475)
--- trunk/Source/WebCore/ChangeLog 2017-03-28 15:30:06 UTC (rev 214474)
+++ trunk/Source/WebCore/ChangeLog 2017-03-28 15:55:20 UTC (rev 214475)
@@ -1,3 +1,19 @@
+2017-03-28 Antoine Quint <grao...@apple.com>
+
+ [Modern Media Controls] Improve appearance of tracks panel on macOS
+ https://bugs.webkit.org/show_bug.cgi?id=168929
+ <rdar://problem/30741589>
+
+ Reviewed by Eric Carlson.
+
+ We use a solid color for the focus state that matches the style used on macOS
+ and blend the titles the same way we blend other non-solid labels in the controls bar.
+
+ * Modules/modern-media-controls/controls/tracks-panel.css:
+ (.tracks-panel section):
+ (.tracks-panel section > h3):
+ (.tracks-panel section > ul > li:focus):
+
2017-03-28 Yoav Weiss <y...@yoav.ws>
Add a warning for unused link preloads.
Modified: trunk/Source/WebCore/Modules/modern-media-controls/controls/tracks-panel.css (214474 => 214475)
--- trunk/Source/WebCore/Modules/modern-media-controls/controls/tracks-panel.css 2017-03-28 15:30:06 UTC (rev 214474)
+++ trunk/Source/WebCore/Modules/modern-media-controls/controls/tracks-panel.css 2017-03-28 15:55:20 UTC (rev 214475)
@@ -50,7 +50,7 @@
}
.tracks-panel section {
- border-top: 2px solid rgb(104, 104, 104);
+ border-top: 2px solid rgba(255, 255, 255, 0.45);
will-change: transform;
}
@@ -59,7 +59,8 @@
}
.tracks-panel section > h3 {
- color: rgb(150, 150, 150);
+ color: rgba(255, 255, 255, 0.6);
+ mix-blend-mode: plus-lighter;
padding: 5px 20px 1px 21px;
margin: 0;
}
@@ -77,8 +78,7 @@
}
.tracks-panel section > ul > li:focus {
- background-color: rgba(26, 68, 243, 0.6);
- -webkit-backdrop-filter: saturate(180%) blur(20px);
+ background-color: rgb(20, 105, 209);
outline: none;
}
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
