layout/reftests/border-radius/scrollbar-clamping-2-ref.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html dir="ltr">
michael@0 3 <title>Test of reduction of border-radius for scrollbars (background drawing)</title>
michael@0 4 <style>
michael@0 5
michael@0 6 .contain { height: 130px; position: relative }
michael@0 7
michael@0 8 .test {
michael@0 9 position: absolute;
michael@0 10 top: 0;
michael@0 11 left: 0;
michael@0 12 /* border-width: 2px 4px 8px 10px; */
michael@0 13 height: 110px;
michael@0 14 width: 214px;
michael@0 15 /* border-radius: 12px / 15px; */
michael@0 16 background: blue;
michael@0 17 }
michael@0 18
michael@0 19 </style>
michael@0 20
michael@0 21 <div class="contain">
michael@0 22 <!-- scrollbar along bottom -->
michael@0 23 <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
michael@0 24 </div>
michael@0 25
michael@0 26 <div class="contain">
michael@0 27 <!-- scrollbar along right -->
michael@0 28 <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
michael@0 29 </div>
michael@0 30
michael@0 31 <div class="contain">
michael@0 32 <!-- scrollbar along bottom and right -->
michael@0 33 <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
michael@0 34 </div>

mercurial