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

Side by Side Diff: third_party/WebKit/LayoutTests/scrollbars/custom-scrollbar-display-on-root-layer-scrolls.html

Issue 2198853002: Draw main frame custom scrollbars in root layer scrolling mode. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: cleanup Created 4 years, 3 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 /* Let's get this party started */
4 ::-webkit-scrollbar { 3 ::-webkit-scrollbar {
5 width: 20px; 4 width: 12px;
6 » height: 25px; 5 height: 12px;
7 } 6 }
8
9 /* Track */
10 ::-webkit-scrollbar-track { 7 ::-webkit-scrollbar-track {
11 -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);
12 -webkit-border-radius: 10px; 9 -webkit-border-radius: 10px;
13 border-radius: 10px; 10 border-radius: 10px;
14 } 11 }
15
16 /* Handle */
17 ::-webkit-scrollbar-thumb { 12 ::-webkit-scrollbar-thumb {
18 -webkit-border-radius: 10px; 13 -webkit-border-radius: 10px;
19 border-radius: 10px; 14 border-radius: 10px;
20 background: rgba(255,0,0,0.8); 15 background: rgba(255,0,0,0.8);
21 -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);
22 } 17 }
23 18 html {
19 overflow: scroll;
20 }
21 body {
22 width: 1000px;
23 height: 1000px;
24 }
24 </style> 25 </style>
25 <iframe src="resources/scrollable-iframe.html"></iframe> 26 <body>
bokan 2016/09/02 16:01:54 Nit: No body tags
MuVen 2016/09/06 10:07:28 Done.
26 <iframe src="resources/scrollable-iframe.html"></iframe> 27 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698