Skip to content

Commit 559ef8a

Browse files
author
Francisco Moreno
committed
PopUp visual changes (smaller)
Icons added
1 parent 060cced commit 559ef8a

9 files changed

Lines changed: 287 additions & 20 deletions

File tree

‎HTMLReport/preview.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@ img{
4444
.annotationDescription, .annotationUrl {
4545
font-size: 0.7rem;
4646
vertical-align: top;
47+
white-space: pre;
4748
}
4849

4950
tr.Bug {

‎css/popUp.css‎

Lines changed: 49 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
body {
2-
min-width: 500px;
3-
max-width: 700px;
2+
min-width: 300px;
3+
max-width: 400px;
44
}
55
.form-control-sm {
66
width: 100%;
@@ -45,6 +45,18 @@ body {
4545
margin-top: 20px;
4646
}
4747

48+
.btn-secondary{
49+
background-color: #f7f7f7;
50+
border-color: #f7f7f7;
51+
52+
}
53+
#resetBtn{
54+
55+
max-height: 30px;
56+
margin-right: 100px;
57+
58+
59+
}
4860
button input.file-input {
4961
display: none;
5062
/*position: absolute;
@@ -56,4 +68,39 @@ button input.file-input {
5668
cursor: pointer;
5769
opacity: 0;
5870
filter: alpha(opacity=0);*/
71+
}
72+
#exportCSVBtn{
73+
background-image: url("../images/003-csv.svg");
74+
background-repeat: no-repeat;
75+
background-size: 100%;
76+
/*background-position: 4px 3px; */
77+
min-width: 30px;
78+
min-height: 30px;
79+
}
80+
#exportJsonBtn{
81+
background-image: url("../images/002-download.svg");
82+
background-repeat: no-repeat;
83+
background-size: 100%;
84+
/*background-position: 4px 3px; */
85+
min-width: 30px;
86+
min-height: 30px;
87+
margin-left: 5px;
88+
}
89+
#importJsonBtn{
90+
background-image: url("../images/004-up-arrow.svg");
91+
background-repeat: no-repeat;
92+
background-size: 100%;
93+
/*background-position: 4px 3px; */
94+
min-width: 30px;
95+
min-height: 30px;
96+
margin-left: 5px;
97+
}
98+
#previewBtn{
99+
background-image: url("../images/001-graphic.svg");
100+
background-repeat: no-repeat;
101+
background-size: 100%;
102+
/*background-position: 4px 3px; */
103+
min-width: 30px;
104+
min-height: 30px;
105+
margin-left: 5px;
59106
}

‎images/001-graphic.svg‎

Lines changed: 54 additions & 0 deletions
Loading

‎images/002-download.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎images/003-csv.svg‎

Lines changed: 67 additions & 0 deletions
Loading

‎images/004-up-arrow.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎js/popup.js‎

Lines changed: 20 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -342,9 +342,12 @@ function updateCounters() {
342342
};
343343

344344
document.addEventListener('DOMContentLoaded', function () {
345-
var exportCSVBtn = document.getElementById("newBugDescription");
346-
exportCSVBtn.addEventListener("keypress", function (e) {
345+
var newBugDescription = document.getElementById("newBugDescription");
346+
newBugDescription.addEventListener("keypress", function (e) {
347347
var key = e.which || e.keyCode;
348+
if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey) {
349+
$('#newBugDescription').val($('#newBugDescription').val() + '\n');
350+
}
348351
if (key == 13) { // 13 is enter
349352
if (e.shiftKey == true) {
350353
addNewAnnotationWithScreenShot("bug");
@@ -356,9 +359,12 @@ document.addEventListener('DOMContentLoaded', function () {
356359
}, false);
357360

358361
document.addEventListener('DOMContentLoaded', function () {
359-
var exportCSVBtn = document.getElementById("newIdeaDescription");
360-
exportCSVBtn.addEventListener("keypress", function (e) {
362+
var newIdeaDescription = document.getElementById("newIdeaDescription");
363+
newIdeaDescription.addEventListener("keypress", function (e) {
361364
var key = e.which || e.keyCode;
365+
if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey) {
366+
$('#newIdeaDescription').val($('#newIdeaDescription').val() + '\n');
367+
}
362368
if (key == 13) { // 13 is enter
363369
if (e.shiftKey == true) {
364370
addNewAnnotationWithScreenShot("idea");
@@ -370,9 +376,12 @@ document.addEventListener('DOMContentLoaded', function () {
370376
}, false);
371377

372378
document.addEventListener('DOMContentLoaded', function () {
373-
var exportCSVBtn = document.getElementById("newNoteDescription");
374-
exportCSVBtn.addEventListener("keypress", function (e) {
379+
var newNoteDescription = document.getElementById("newNoteDescription");
380+
newNoteDescription.addEventListener("keypress", function (e) {
375381
var key = e.which || e.keyCode;
382+
if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey) {
383+
$('#newNoteDescription').val($('#newNoteDescription').val() + '\n');
384+
}
376385
if (key == 13) { // 13 is enter
377386
if (e.shiftKey == true) {
378387
addNewAnnotationWithScreenShot("note");
@@ -384,9 +393,12 @@ document.addEventListener('DOMContentLoaded', function () {
384393
}, false);
385394

386395
document.addEventListener('DOMContentLoaded', function () {
387-
var exportCSVBtn = document.getElementById("newQuestionDescription");
388-
exportCSVBtn.addEventListener("keypress", function (e) {
396+
var newQuestionDescription = document.getElementById("newQuestionDescription");
397+
newQuestionDescription.addEventListener("keypress", function (e) {
389398
var key = e.which || e.keyCode;
399+
if ((e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey) {
400+
$('#newQuestionDescription').val($('#newQuestionDescription').val() + '\n');
401+
}
390402
if (key == 13) { // 13 is enter
391403
if (e.shiftKey == true) {
392404
addNewAnnotationWithScreenShot("question");

0 commit comments

Comments
 (0)