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

Unified Diff: LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html

Issue 1292513002: Create custom scrollbars when html element has overflow:scroll (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 4 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html
diff --git a/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo-expected.html b/LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html
similarity index 51%
copy from LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo-expected.html
copy to LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html
index efcde042f12e51fb6f6f788fe7fde6add4e5640b..87aa058278d06a3efcead3c9c2c8f5db4cfa60de 100644
--- a/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo-expected.html
+++ b/LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html
@@ -1,34 +1,31 @@
<!DOCTYPE HTML>
<style>
-/* Let's get this party started */
::-webkit-scrollbar {
- width: 150px;
- height: 150px;
+ width: 10px;
+ height: 10px;
}
-
-/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
-
-/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 1px;
- background: rgba(255,0,0,0.4);
+ background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5);
}
-body {
+#space {
width: 1000px;
height: 1000px;
}
-
-div{
- width: 1500px;
- height: 1500px;
+html {
+ overflow: scroll;
}
</style>
-<body>
-<div></div>
-</body>
+<div id="space"></div>
+<script>
+var styleElement = document.createElement("style");
+var sheet = document.head.appendChild(styleElement).sheet;
+document.body.offsetTop;
+sheet.insertRule("::-webkit-scrollbar { width: 100px;}", 0);
+</script>
« no previous file with comments | « no previous file | LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698