diff options
| author | MacDue <macdue@dueutil.tech> | 2022-08-11 19:30:20 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2022-08-12 12:24:15 +0200 |
| commit | 4f83b70c7fbc317dc450a956e101b0e20532c97f (patch) | |
| tree | 8656ed2705c4eba5b836bbb75dd22ce5f9fa51c7 /Base | |
| parent | 18258a53c6f47e0b3db1328fd732f0a55693625a (diff) | |
| download | serenity-4f83b70c7fbc317dc450a956e101b0e20532c97f.zip | |
Base: Remove modifications from fancy progress bar demo
This restores the demo to being the same as on css-tricks.com.
Diffstat (limited to 'Base')
| -rw-r--r-- | Base/res/html/misc/progressbar.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/Base/res/html/misc/progressbar.html b/Base/res/html/misc/progressbar.html index cd4fb0cd54..45081f193f 100644 --- a/Base/res/html/misc/progressbar.html +++ b/Base/res/html/misc/progressbar.html @@ -69,15 +69,14 @@ #really-fancy-progress[value] { appearance: none; - width: 500px; - height: 40px; + width: 250px; + height: 20px; } #really-fancy-progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 2px; - /* FIXME: Should be an inset shadow (not supported yet) */ - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; } #really-fancy-progress[value]::-webkit-progress-value { @@ -89,8 +88,9 @@ rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); + border-radius: 2px; - background-size: 70px 40px, 100% 100%, 100% 100%; + background-size: 35px 20px, 100% 100%, 100% 100%; } </style> |