kopia lustrzana https://github.com/inkstitch/inkstitch
add hint about clicking logo
rodzic
250ae0d717
commit
8e3dd74a28
|
@ -8,7 +8,7 @@ msgid ""
|
|||
msgstr ""
|
||||
"Project-Id-Version: PROJECT VERSION\n"
|
||||
"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
|
||||
"POT-Creation-Date: 2018-04-18 22:30-0400\n"
|
||||
"POT-Creation-Date: 2018-04-28 13:36-0400\n"
|
||||
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
|
||||
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
|
||||
"Language-Team: LANGUAGE <LL@li.org>\n"
|
||||
|
@ -317,6 +317,9 @@ msgstr ""
|
|||
msgid "Page"
|
||||
msgstr ""
|
||||
|
||||
msgid "Click to choose another logo"
|
||||
msgstr ""
|
||||
|
||||
msgid "Enter job title..."
|
||||
msgstr ""
|
||||
|
||||
|
|
|
@ -69,7 +69,7 @@
|
|||
page-break-after: always;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
figure.inksimulation div {
|
||||
display: none;
|
||||
}
|
||||
|
@ -81,7 +81,7 @@
|
|||
#settings-ui {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
#errors {
|
||||
display: none !important;
|
||||
}
|
||||
|
@ -90,6 +90,10 @@
|
|||
content: attr(data-label);
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
span.logo-instructions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@page {
|
||||
|
@ -113,7 +117,7 @@ body {
|
|||
.page {
|
||||
width: 210mm;
|
||||
height: 275mm;
|
||||
padding: 5mm;
|
||||
padding: 5mm;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
vertical-align: text-bottom;
|
||||
|
@ -167,13 +171,13 @@ body {
|
|||
|
||||
.ui button.close {
|
||||
border: 1px solid rgb(197,5,5);
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ui button.close:hover {
|
||||
background: rgb(197,5,5);
|
||||
color: white;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.ui button.settings {
|
||||
|
@ -211,7 +215,7 @@ body {
|
|||
border-bottom: 1px solid rgba(129, 129, 129, 0.5);
|
||||
box-shadow: 0 1px 1px 1px rgba(194, 191, 191, 0.5);
|
||||
}
|
||||
|
||||
|
||||
#settings-ui div {
|
||||
text-align: left;
|
||||
font-size: 12pt;
|
||||
|
@ -279,13 +283,24 @@ body {
|
|||
opacity: 0%;
|
||||
}
|
||||
|
||||
.logo-instructions {
|
||||
white-space: nowrap;
|
||||
|
||||
/* chrome ignores this :(
|
||||
text-align: center;
|
||||
*/
|
||||
|
||||
font-size: 10px;
|
||||
color: rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
.operator-detailedview figure.brandlogo {
|
||||
height: 20mm;
|
||||
width: 30mm;
|
||||
margin: 0 2.5mm;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.operator-detailedview figure.brandlogo img {
|
||||
max-width: 30mm;
|
||||
max-height: 20mm;
|
||||
|
@ -341,15 +356,15 @@ body {
|
|||
|
||||
div.job-details p span:first-child {
|
||||
font-weight: bold;
|
||||
padding-right: 1mm;
|
||||
padding-right: 1mm;
|
||||
}
|
||||
|
||||
div.job-details p span:last-child {
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div.job-details > div:last-child span {
|
||||
text-align: right !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
div.client-detailedview .job-details {
|
||||
|
@ -374,16 +389,16 @@ body {
|
|||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* client dedailed view header */
|
||||
.client-detailedview div.job-details p span:first-child {
|
||||
width: 20mm;
|
||||
width: 20mm;
|
||||
}
|
||||
|
||||
|
||||
.client-detailedview div.job-details p span:last-child {
|
||||
max-width: 60mm;
|
||||
max-width: 60mm;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* SVG Preview Image */
|
||||
|
||||
|
@ -397,7 +412,7 @@ body {
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.client-overview-main figure.inksimulation {
|
||||
height: 155mm;
|
||||
}
|
||||
|
@ -419,7 +434,7 @@ body {
|
|||
background: rgba(255, 255, 255, 0.73);
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
figure.inksimulation div {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
@ -429,7 +444,7 @@ body {
|
|||
margin-right: auto;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
|
||||
figure.inksimulation button {
|
||||
border: none;
|
||||
background: grey;
|
||||
|
@ -460,7 +475,7 @@ body {
|
|||
font-weight: 700;
|
||||
font-size: 12pt;
|
||||
color: black;
|
||||
background: white;
|
||||
background: white;
|
||||
border: 0.5mm solid white;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
@ -491,44 +506,44 @@ body {
|
|||
line-height: 30mm;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* detailedview color swatch */
|
||||
|
||||
|
||||
.color-palette.detailed > div {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.color-palette.detailed .color-info {
|
||||
position: absolute;
|
||||
top: 2mm;
|
||||
left: 45mm;
|
||||
}
|
||||
|
||||
|
||||
.color-palette.detailed .color-info > div {
|
||||
display: table;
|
||||
}
|
||||
|
||||
|
||||
.color-palette.detailed .color-info p {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
|
||||
.color-palette.detailed .color-info span {
|
||||
display: table-cell;
|
||||
padding-right: 5mm;
|
||||
}
|
||||
|
||||
|
||||
/* Operator Detailed View */
|
||||
|
||||
.operator-detailedview header {
|
||||
height: 25mm;
|
||||
}
|
||||
|
||||
|
||||
.operator-detailedveiw figure.brandlogo{
|
||||
height: 15mm;
|
||||
width: 15mm;
|
||||
}
|
||||
|
||||
|
||||
.operator-detailedveiw figure.brandlogo img {
|
||||
max-width: 12.5mm;
|
||||
max-height: 12.5mm;
|
||||
|
@ -542,21 +557,21 @@ body {
|
|||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.operator-job-info div {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
|
||||
div.job-headline {
|
||||
display: table-header-group;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
div.job-headline p {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
|
||||
.operator-job-info p {
|
||||
height: 15mm;
|
||||
max-width: 15mm;
|
||||
|
@ -566,11 +581,11 @@ body {
|
|||
overflow: hidden;
|
||||
border: 1px solid rgb(239,239,239);
|
||||
}
|
||||
|
||||
|
||||
.operator-job-info span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.operator-job-info span.color-index {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -578,17 +593,17 @@ body {
|
|||
line-height: 15mm;
|
||||
width: 10mm;
|
||||
}
|
||||
|
||||
|
||||
.operator-svg.operator-colorswatch {
|
||||
width: 15mm;
|
||||
}
|
||||
|
||||
|
||||
.operator-svg.operator-preview {
|
||||
min-width: 15mm;
|
||||
max-width: 20mm;
|
||||
height: 15mm;
|
||||
}
|
||||
|
||||
|
||||
.operator-svg svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -597,7 +612,7 @@ body {
|
|||
max-width: 30mm;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Footer */
|
||||
|
||||
|
@ -610,7 +625,7 @@ body {
|
|||
white-space: wrap;
|
||||
text-align: center;
|
||||
padding-top: 2mm;
|
||||
|
||||
|
||||
}
|
||||
|
||||
footer p.num_pages {
|
||||
|
@ -670,7 +685,7 @@ body {
|
|||
/* five items */
|
||||
.color-swatch:first-child:nth-last-child(n+5),
|
||||
.color-swatch:first-child:nth-last-child(n+5) ~ .color-swatch {
|
||||
font-size: 9pt;
|
||||
font-size: 9pt;
|
||||
width: calc(100% / 5);
|
||||
}
|
||||
|
||||
|
@ -710,7 +725,7 @@ body {
|
|||
/* fourteen items */
|
||||
.color-swatch:first-child:nth-last-child(n+14),
|
||||
.color-swatch:first-child:nth-last-child(n+14) ~ .color-swatch {
|
||||
width: calc(100% / 5);
|
||||
width: calc(100% / 5);
|
||||
}
|
||||
|
||||
/* sixteen items */
|
||||
|
@ -762,7 +777,7 @@ body {
|
|||
.color-swatch:first-child:nth-last-child(n+40) ~ .color-swatch {
|
||||
width: calc(100% / 12);
|
||||
}
|
||||
|
||||
|
||||
/* fourty-nine items */
|
||||
.color-swatch:first-child:nth-last-child(n+49),
|
||||
.color-swatch:first-child:nth-last-child(n+40) ~ .color-swatch {
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
<img src="{{ logo.src or "resources/inkstitch-logo.svg" }}" alt="{{ logo.title }}" title="{{ logo.title }}" data-field-name="logo">
|
||||
<input type=file id="logo-picker" />
|
||||
</label>
|
||||
<span class="logo-instructions">{{ _("Click to choose another logo") }}</span>
|
||||
</figure>
|
||||
<div class="headline">
|
||||
<div class="pageTitle">
|
||||
|
@ -10,6 +11,6 @@
|
|||
<p class="header-field" data-label="{{ _('CLIENT') }}:" contenteditable="true" data-placeholder="{{ _('Enter client name...') }}" data-field-name="client-name"></p>
|
||||
<p class="header-field" data-label="{{ _('PURCHASE ORDER #:') }}" contenteditable="true" data-placeholder="{{ _('Enter purchase order number...') }}" data-field-name="purchase-order"></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="currentDate">{{ date|datetimeformat(_('%Y.%m.%d')) }}</div>
|
||||
</div>
|
||||
|
|
Ładowanie…
Reference in New Issue