From 460ed8d051fc906555484bd9ff55b7d7f744b26f Mon Sep 17 00:00:00 2001
From: Fental
Date: Mon, 30 Mar 2015 22:15:25 +0800
Subject: [PATCH 1/5] Update index.html
Solve the problem that: When open the index.html by IE11, contents of the footer aren't top-align.
---
public/index.html | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/public/index.html b/public/index.html
index c336ad7..6d2368c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -64,12 +64,12 @@ Arrow configuration
From 2d934b2c12db0cd3675114e8ef5cee3f11d43373 Mon Sep 17 00:00:00 2001
From: Fental
Date: Mon, 30 Mar 2015 22:16:14 +0800
Subject: [PATCH 2/5] Update app.css
Solve the problem that: When open the index.html by IE11, contents of the footer aren't top-align.
---
public/css/app.css | 1 +
1 file changed, 1 insertion(+)
diff --git a/public/css/app.css b/public/css/app.css
index fbf43dc..b26892c 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -23,6 +23,7 @@ input[type='radio'] { border: 0; }
}
#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; }
#footer a { vertical-align: top; color: #fff; }
+#footer span { vertical-align: top;}
.clr:after { clear:both; content:"."; display: block; height:0; visibility: hidden; line-height:0; font-size:0; }
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
From ee3be66e48dbac807d7115b7c9e1c9fd9d60021c Mon Sep 17 00:00:00 2001
From: Memmie Lenglet
Date: Wed, 15 Jul 2015 19:46:47 +0200
Subject: [PATCH 3/5] Use empty string for content property
---
app/models/arrow.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/app/models/arrow.js b/app/models/arrow.js
index e52f640..56aef31 100644
--- a/app/models/arrow.js
+++ b/app/models/arrow.js
@@ -92,7 +92,7 @@ Arrow.prototype = {
}
css += '\tborder: solid transparent;\n';
- css += '\tcontent: " ";\n';
+ css += '\tcontent: "";\n';
css += '\theight: 0;\n';
css += '\twidth: 0;\n';
css += '\tposition: absolute;\n';
From 33f2b9fc3c51e7e2915a3df4ba4db808f031f8d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20H=C3=B8jberg?=
Date: Tue, 8 Nov 2016 10:46:48 -0500
Subject: [PATCH 4/5] Add description
---
public/css/app.css | 4 +++-
public/index.html | 5 ++++-
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/public/css/app.css b/public/css/app.css
index b26892c..8a96c1a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -12,7 +12,7 @@ input[type='radio'] { border: 0; }
/* =LAYOUT
====================================================== */
-#content { width: 800px; margin: auto; padding: 100px; padding-bottom: 60px;
+#content { width: 800px; margin: auto; padding: 50px; padding-bottom: 60px;
/* white radial gradient background */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 70%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(70%,rgba(255,255,255,0)));
@@ -28,6 +28,8 @@ input[type='radio'] { border: 0; }
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
+.description { margin-bottom: 50px; font-size: 16px; text-align: center; }
+
.preview_and_configuration { float: left; width: 395px; }
/* =MODULES
diff --git a/public/index.html b/public/index.html
index 6d2368c..196123e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,9 @@
+
+ Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
+
@@ -64,7 +67,7 @@
Arrow configuration