Bunch of buag fixes and updates
This commit is contained in:
@@ -83,6 +83,43 @@
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.email-edit-subject, .email-edit-body {
|
||||
width: 100%;
|
||||
border: 1px solid #ced4da;
|
||||
border-radius: 4px;
|
||||
padding: 0.5rem;
|
||||
font-family: inherit;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.email-edit-subject {
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.email-edit-body {
|
||||
min-height: 150px;
|
||||
resize: vertical;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.email-edit-actions {
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.preview-mode .email-edit-subject,
|
||||
.preview-mode .email-edit-body,
|
||||
.preview-mode .email-edit-actions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.edit-mode .email-subject,
|
||||
.edit-mode .email-body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.representatives-grid {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
@@ -249,7 +286,7 @@
|
||||
<div class="progress-steps">
|
||||
<div class="step active" id="step-info">Enter Your Info</div>
|
||||
<div class="step" id="step-postal">Find Representatives</div>
|
||||
<div class="step" id="step-send">Send Emails</div>
|
||||
<div class="step" id="step-send">Send Messages</div>
|
||||
</div>
|
||||
|
||||
<!-- User Information Form -->
|
||||
@@ -281,11 +318,22 @@
|
||||
</div>
|
||||
|
||||
<!-- Email Preview -->
|
||||
<div id="email-preview" class="email-preview" style="display: none;">
|
||||
<div id="email-preview" class="email-preview preview-mode" style="display: none;">
|
||||
<h3>📧 Email Preview</h3>
|
||||
<p>This is the message that will be sent to your representatives:</p>
|
||||
<p id="preview-description">This is the message that will be sent to your representatives:</p>
|
||||
|
||||
<!-- Read-only preview -->
|
||||
<div class="email-subject" id="preview-subject"></div>
|
||||
<div class="email-body" id="preview-body"></div>
|
||||
|
||||
<!-- Editable fields -->
|
||||
<input type="text" class="email-edit-subject" id="edit-subject" placeholder="Email Subject">
|
||||
<textarea class="email-edit-body" id="edit-body" placeholder="Email Body"></textarea>
|
||||
|
||||
<div class="email-edit-actions">
|
||||
<button type="button" class="btn btn-secondary" id="preview-email-btn">👁️ Preview</button>
|
||||
<button type="button" class="btn btn-primary" id="save-email-btn">💾 Save Changes</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Representatives Section -->
|
||||
@@ -321,6 +369,11 @@
|
||||
<div id="error-message" class="error-message" style="display: none;"></div>
|
||||
</div>
|
||||
|
||||
<footer style="text-align: center; margin-top: 2rem; padding: 1rem; border-top: 1px solid #e9ecef;">
|
||||
<p>© 2025 <a href="https://bnkops.com/" target="_blank">BNKops</a> Influence Tool. Connect with democracy.</p>
|
||||
<p><small><a href="terms.html" target="_blank">Terms of Use & Privacy Notice</a> | <a href="index.html">Return to Main Page</a></small></p>
|
||||
</footer>
|
||||
|
||||
<script src="/js/campaign.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user