b36e10b · webring · git.iko.soy

git.iko.soy/webring

Fix in Webkit

::-webkit-progress-value and ::-moz-progress-bar must be defined separately (even if the definitions are the same). Otherwise this will break in Safari and Chrome. *sigh*

commitb36e10bb1f9bec336615f9c6c6c976b63e6383d3 authorLiam Cooke <noreply@liamcooke.com> dateSun 11 Aug 2019, 10:36 (7 years ago) parent4a0e867

1 file changed+4−2

compare with master

unifiedsplit

links/main.css+4−2

links/main.css+4−2

@@ -77,8 +77,10 @@ body #wiki #footer { padding-left: 60px; background-image: url(../icon.white.svg

7777/* progress indicator */

7878body #progress { color: #777; }

7979body #progress .busy { cursor: wait; }

80−body #progress progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ccc; width: 100px; height: 5px; border: 1px solid #777; }

81−body #progress progress::-webkit-progress-bar, body progress::-moz-progress-bar { background: #777; }

80+body #progress progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ccc; color: #777; width: 100px; height: 5px; border: 1px solid #777; box-sizing: border-box; }

81+body #progress progress::-webkit-progress-bar { background: #ccc; }

82+body #progress progress::-webkit-progress-value { background: #777; } /* warning: don't merge this with -moz-progress-bar below, it will break in webkit! */

83+body #progress progress::-moz-progress-bar { background: #777; }

8284

8385@media (min-width: 630px) {

8486 body aside { display: block; }