Skip to content

Commit 98fb7e2

Browse files
hojberghojberg
committed
Merge pull request hojberg#27 from hojberg/better_ie_support
Slightly better internet explorer support
2 parents c5bbd98 + 45350f9 commit 98fb7e2

File tree

4 files changed

+25
-25
lines changed

4 files changed

+25
-25
lines changed

‎public/css/app.css‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,13 @@
22
====================================================== */
33
html, body { background: url(../img/noisebg.png); }
44
body { font-size: 18px; font-family: 'Terminal Dosis', sans-serif; padding: 0; margin: 0; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
5-
a { color: rgba(255, 255, 255, 0.7); }
5+
a { color: #fff; color: rgba(255, 255, 255, 0.7); }
66
ul, ol, form { margin: 0; padding: 0; }
77
ul, ol { list-style-type: none; }
88
h1 { margin: 0; padding: 0; }
9-
h2 { margin: 0; margin-bottom: 10px; padding: 0; font-weight: normal; font-size: 30px; color: rgba(0, 0, 0, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
9+
h2 { margin: 0; margin-bottom: 10px; padding: 0; font-weight: normal; font-size: 30px; color: #626569; color: rgba(0, 0, 0, 0.4); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
1010
input { font-size: 14px; border: 1px solid #777; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(255, 255, 255, 0.3); border-radius: 4px; padding: 3px; -webkit-background-clip: padding-box; }
11+
input[type='radio'] { border: 0; }
1112

1213
/* =LAYOUT
1314
====================================================== */
@@ -19,18 +20,17 @@ input { font-size: 14px; border: 1px solid #777; box-sha
1920
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
2021
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
2122
background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 70%);
22-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );
2323
}
24-
#footer { text-align: center; padding-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.7); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2); vertical-align: top; }
24+
#footer { padding-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.7); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-top: 1px solid #797f85; border-top-color: rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.2); vertical-align: top; text-align: center; }
2525
#footer a { vertical-align: top; color: #fff; }
26-
.clr { overflow: hidden; }
26+
.clr:after { clear:both; content:"."; display: block; height:0; visibility: hidden; line-height:0; font-size:0; }
2727

2828
.preview_and_configuration { float: left; width: 395px; }
2929

3030
/* =MODULES
3131
====================================================== */
3232
/* preview */
33-
.arrow_box { padding: 40px; width: 280px; height: 100px; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
33+
.arrow_box { padding: 40px; width: 280px; height: 100px; border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
3434

3535
/* logo */
3636
.logo { color: #ddf8c6; text-align: center; font-size: 54px; line-height: 54px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
@@ -51,5 +51,5 @@ input { font-size: 14px; border: 1px solid #777; box-sha
5151

5252
/* css_result */
5353
.css_result { position: relative; float: right; width: 402px; }
54-
.css_result .code { white-space: pre; padding: 10px; display: block; width: 380px; font-size: 12px; font-family: 'Courier new'; font-weight: bold; background: rgba(0, 0, 0, 0.15); border-radius: 4px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1); }
54+
.css_result .code { white-space: pre; padding: 10px; display: block; width: 380px; font-size: 12px; font-family: 'Courier new'; font-weight: bold; background: #8c9196; background: rgba(0, 0, 0, 0.15); border-radius: 4px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); border: 1px solid #696d72; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 1px 5px rgba(0, 0, 0, 0.1); }
5555
.css_result .copy_code { position: absolute; bottom: 5px; right: 10px; width: 14px; height: 22px; background: url(../img/clippy.png) no-repeat 0 4px; }

‎public/index.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -93,26 +93,26 @@ <h2>Arrow configuration</h2>
9393

9494
(function() {
9595
var defer = (function (document, script) {
96-
var urls = [],
97-
firstScript = document.getElementsByTagName(script)[0];
96+
var urls = [],
97+
firstScript = document.getElementsByTagName(script)[0];
9898

99-
return function (url, callback) {
100-
var inc;
99+
return function (url, callback) {
100+
var inc;
101101

102-
if (url && urls.indexOf(url) === -1) {
103-
inc = document.createElement(script);
104-
inc.async = true;
105-
inc.src = url;
106-
inc.onload = callback || function () {};
107-
firstScript.parentNode.insertBefore(inc, firstScript);
108-
}
102+
if (url && $.inArray(url, urls) === -1) {
103+
inc = document.createElement(script);
104+
inc.async = true;
105+
inc.src = url;
106+
inc.onload = callback || function () {};
107+
firstScript.parentNode.insertBefore(inc, firstScript);
109108
}
110-
}(document, 'script'));
109+
}
110+
}(document, 'script'));
111111

112-
window.onload = function () {
113-
defer(('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js');
114-
defer('//platform.twitter.com/widgets.js');
115-
};
112+
window.onload = function () {
113+
defer(('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js');
114+
defer('//platform.twitter.com/widgets.js');
115+
};
116116
})();
117117
</script>
118118
</body>

‎public/js/spec/views/arrow_css_view_spec.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ describe("CSSArrowPlease.ArrowCSSView", function () {
2929
it('renders the css when render is called', function () {
3030
expect( $code.text() ).toBe( '' );
3131
arrowCSSView.render();
32-
expect( $code.text() ).toBe( arrow.toCSS() );
32+
expect( $code.text().replace(/\s+/g, '') ).toBe( arrow.toCSS().replace(/\s+/g, '') );
3333
});
3434

3535
it('calls clippy() on the copy_code node', function () {

‎public/js/spec/views/arrow_preview_view_spec.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ describe("CSSArrowPlease.ArrowPreviewView", function() {
1818

1919
it('render delegates to ArrowCSSView.render', function () {
2020
arrowPreviewView.render();
21-
expect( $container.text() ).toBe( arrow.toCSS() );
21+
expect( $container.text().replace(/\s+/g, '') ).toBe( arrow.toCSS().replace(/\s+/g, '') );
2222
});
2323
});
2424

0 commit comments

Comments
 (0)