Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(74)

Side by Side Diff: LayoutTests/scrollbars/custom-scrollbar-thumb-inactive-only-on-windowinactive-selector-expected.html

Issue 861553003: Invalidate CustomScrollbars on having window-inactive selector. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: addressed review comments Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <style> 2 <style>
3 ::-webkit-scrollbar { 3 ::-webkit-scrollbar {
4 width: 12px; 4 width: 12px;
5 height: 12px; 5 height: 12px;
6 } 6 }
7 ::-webkit-scrollbar-track { 7 ::-webkit-scrollbar-track {
8 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 8 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
9 -webkit-border-radius: 10px; 9 -webkit-border-radius: 10px;
10 border-radius: 10px; 10 border-radius: 10px;
11 } 11 }
12 ::-webkit-scrollbar-thumb { 12 ::-webkit-scrollbar-thumb {
13 -webkit-border-radius: 10px; 13 -webkit-border-radius: 10px;
14 border-radius: 10px; 14 border-radius: 10px;
15 background: rgba(255,150,250,0.8); 15 background: rgba(255,0,0,0.8);
16 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 16 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
17 } 17 }
18 html { 18 html {
19 overflow: scroll; 19 overflow: scroll;
20 } 20 }
21 body { 21 body {
22 width: 1000px; 22 width: 1000px;
23 height: 1000px; 23 height: 1000px;
24 } 24 }
25 div { 25 div {
26 width: 100px; 26 width: 100px;
27 height: 100px; 27 height: 100px;
28 overflow: scroll; 28 overflow: scroll;
29 } 29 }
30 </style> 30 </style>
31 <body> 31 <body>
32 <iframe src="resources/scrollable-iframe-customscrollbar-expected.html"></iframe > 32 <iframe src="resources/scrollable-iframe-customscrollbar-windowinactive-expected .html"></iframe>
33 <div><p style="width:200px;height:200px"></p></div> 33 <div><p style="width:200px;height:200px"></p></div>
34 <div><p style="width:200px;height:200px"></p></div> 34 <div><p style="width:200px;height:200px"></p></div>
35 </body> 35 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698