Merge pull request #2 from qoomon/develop

Fix Oversize Assignee Character & Add Feedback Buttons

README.md

@@ -1,2 +1,9 @@
 # Jira-Issue-Card-Printer
 Beautiful Jira Issue Card Printer
+
+## More Info...
+https://qoomon.github.io/Jira-Issue-Card-Printer/index.html
+
+### Card Layout
+
+![My image](http://4.bp.blogspot.com/-BgfPtVWFxVo/VLTjiqpPzjI/AAAAAAAAGLw/PgF3D6eq35c/s1600/Screen%2BShot%2B2015-01-13%2Bat%2B10.19.22.png)

bookmarklet.js

@@ -298,6 +298,10 @@ function printOverlayHTML(){
 <div id="card-print-dialog">
   <div id="card-print-dialog-header">
     <div id="card-print-dialog-title">Card Print</div>
+    <div id="info">
+      <input id="report-issue" type="button" class="aui-button" value="Report Issues" />
+      <input id="about" type="button" class="aui-button" value="About" />
+    </div>
     <div id="buttons">
       <input id="card-print-dialog-print" type="button" class="aui-button aui-button-primary" value="Print" />
       <a id="card-print-dialog-cancel" title="Cancel" class="cancel">Cancel</a>
@@ -310,6 +314,19 @@ function printOverlayHTML(){
 </div>
 */
   }));
+  // info
+
+  result.find("#report-issue")
+  .click(function(event){
+    window.open('https://github.com/qoomon/Jira-Issue-Card-Printer/issues');
+    return false;
+  });
+  
+   result.find("#about")
+  .click(function(event){
+    window.open('http://qoomon.blogspot.de/2014/01/jira-issue-card-printer-bookmarklet.html');
+    return false;
+  });
 
   // print
 
@@ -354,9 +371,6 @@ function printOverlayStyle(){
     .attr("type", "text/css")
     .html(multilineString(function() {
 /*!
-#card-print-dialog-cancel {
-  padding:5px 10px 5px 10px;
-}
 #card-print-overlay {
   position: fixed;
   height: 100%;
@@ -364,9 +378,11 @@ function printOverlayStyle(){
   top: 0;
   left: 0;
   background:rgba(0, 0, 0, 0.5);
+  
   box-sizing: border-box;
   word-wrap:break-word;
   z-index: 99999;
+ 
 }
 
 #card-print-dialog {
@@ -403,15 +419,17 @@ function printOverlayStyle(){
 #card-print-dialog-content {
   position: relative;
   background: white;
-  height: calc(100% - 106px);
+height: calc(100% - 106px);		+  height: 100px;
   width: 100%;		
 	
   overflow-y: scroll;		
 }	
+
 #card-print-dialog-content-iframe {		
   position: relative;		
   height: 100%;		
   width: 100%;
+  
   border:none;
 }
 
@@ -431,6 +449,14 @@ function printOverlayStyle(){
   height 30px;
 }
 
+#info {
+  position: absolute;
+  right: 250px;
+  float: left;
+  display: inline-block;
+  height 30px;
+}
+
 #card-print-dialog-title{
   position: relative;
   float: left;
@@ -574,8 +600,8 @@ body {
 .hidden {
     visibility: hidden;
 }
-  .card-header:after,
+.card-header:after, 
-  .card-footer:after {
+.card-footer:after {
     content:" ";
     display: block;
     clear: both;
@@ -604,9 +630,11 @@ body {
     height: 3.2cm;
     background: #d0d0d0;
 }
+
 .card {
     position: relative;
     min-width: 21.0cm;
+   
 }
 .author {
     z-index: 999;
@@ -627,6 +655,7 @@ body {
     right:0.4cm;
     height: calc(100% - 4.0cm);
     background: #ffffff;
+
 }
 .card-header {
   position: relative;
@@ -637,7 +666,7 @@ body {
     margin-left: 1.0cm;
     margin-right: 1.1cm;
     margin-bottom: 0.2cm;
-  min-height: 5.0cm;
+    min-height: 3.0cm;
 }
 .content-header {
     position: relative;
@@ -653,6 +682,7 @@ body {
     font-weight: bold;
 }
 .description {
+    min-height: 3.0cm;
     font-size: 0.6cm;
     line-height: 0.6cm;
 }
@@ -662,39 +692,40 @@ body {
     width: auto;
     min-width: 4.4cm;
     height: 1.35cm;
-  left: 2.8cm;
+    left: 3.0cm;
-  margin-top: 1.05cm;
+    margin-top: 1.2cm;
-  padding-top: 0.2cm;
+    padding-left: 0.7cm;
-  padding-left: 0.9cm;
     padding-right: 0.4cm;
     text-align: center;
     font-weight: bold;
     font-size: 1.0cm;
-  line-height: 1.30cm;
+    line-height: 1.4cm;
 }
 .type-icon {
     position: relative;
     float: left;
     background-color: GREENYELLOW;
-  background-image: url({RESOURCE_ORIGIN}icons/Objects.png);
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Objects.png);
     background-repeat: no-repeat;
     -webkit-background-size: 70%;
     background-size: 70%;
     background-position: center;
     z-index: 1;
 }
+
 .card[type="story"] .type-icon {
     background-color: GOLD;
-  background-image: url({RESOURCE_ORIGIN}icons/Bulb.png);
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bulb.png);
 }
 .card[type="bug"] .type-icon {
     background-color: CRIMSON;
-  background-image: url({RESOURCE_ORIGIN}icons/Bug.png);
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Bug.png);
 }
 .card[type="epic"] .type-icon {
     background-color: ROYALBLUE;
-  background-image: url({RESOURCE_ORIGIN}icons/Flash.png);
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/Flash.png);
 }
+
 .estimate {
     position: relative;
     float: left;
@@ -709,6 +740,7 @@ body {
     margin-top:1.5cm;
     z-index: 999;
 }
+
 .due {
     position: relative;
     float: right;
@@ -718,9 +750,9 @@ body {
     float:right;
     width: 2.5cm;
     height: 2.5cm;
-  margin-top: 0.35cm;
+    margin-top: 0.4cm;
     background-color: MEDIUMPURPLE;
-  background-image: url({RESOURCE_ORIGIN}icons/AlarmClock.png);
+    background-image: url(https://googledrive.com/host/0Bwgd0mVaLU_KU0N5b3JyRnJaNTA/resources/icons/AlarmClock.png);
     background-repeat: no-repeat;
     -webkit-background-size: 65%;
     background-size: 65%;
@@ -735,7 +767,7 @@ body {
     min-width: 2.8cm;
     height: auto;
     margin-top: 1.3cm;
-  padding-top: 0.3cm;
+    padding-top: 0.2cm;
     padding-bottom: 0.2cm;
     padding-left: 0.3cm;
     padding-right: 0.6cm;
@@ -751,11 +783,12 @@ body {
     width: 2.1cm;
     height: 2.1cm;
     background-color: LIGHTSKYBLUE;
-  background-image: url({RESOURCE_ORIGIN}icons/Attachment.png);
+    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/2f2f2f/attach-256.png);
     background-repeat: no-repeat;
     -webkit-background-size: 70%;
     background-size: 70%;
     background-position: center;
+    
 }
 .assignee {
     position: relative;
@@ -764,10 +797,9 @@ body {
     height: 2.1cm;
     text-align: center;
     font-weight: bold;
-  font-size: 2.0cm;
+    font-size: 2.1cm;
-  line-height: 2.5cm;
+    line-height: 2.1cm;
-  padding-left: 0.1cm;
+    background-image: url(https://images.weserv.nl/?url=www.iconsdb.com/icons/download/color/aaaaaa/contacts-256.png);
-  background-image: url({RESOURCE_ORIGIN}icons/Person.png);
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     background-size: cover;