Initial commit: Templates Reply Add-on für Hotel Park Soltau
Modifiziertes Templates Reply Thunderbird Add-on mit: - HTML-Import von Netzlaufwerk - Massen-Delete mit Checkboxen - Deutsches UI mit "Vorlagen" Button - 16 Hotel-Vorlagen als HTML-Dateien
This commit is contained in:
81
popup.html
Normal file
81
popup.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Vorlagen</title>
|
||||
<style>
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
font-family: "Segoe UI", -apple-system, sans-serif;
|
||||
width: 280px;
|
||||
background: #fafafa;
|
||||
color: #333;
|
||||
}
|
||||
.header {
|
||||
padding: 10px 14px;
|
||||
background: #4a7c59;
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
#template-list {
|
||||
padding: 6px;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#template-list button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 9px 12px;
|
||||
margin-bottom: 2px;
|
||||
background: white;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 6px;
|
||||
text-align: left;
|
||||
font-size: 12.5px;
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, border-color 0.15s;
|
||||
}
|
||||
#template-list button:hover {
|
||||
background: #e8f0eb;
|
||||
border-color: #4a7c59;
|
||||
}
|
||||
#template-list button:active {
|
||||
background: #d0e2d5;
|
||||
}
|
||||
.footer {
|
||||
padding: 8px 14px;
|
||||
border-top: 1px solid #e0e0e0;
|
||||
text-align: center;
|
||||
}
|
||||
.footer a {
|
||||
font-size: 11px;
|
||||
color: #888;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer a:hover {
|
||||
color: #4a7c59;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.empty-state {
|
||||
padding: 20px 14px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #888;
|
||||
}
|
||||
.empty-state a {
|
||||
color: #4a7c59;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
.empty-state a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">Vorlage auswählen</div>
|
||||
<div id="template-list"></div>
|
||||
<script src="popup.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user