dolibarr 20.0.0
emaillayout.inc.php
1<?php
2if (!defined('ISLOADEDBYSTEELSHEET')) {
3 die('Must be call by steelsheet');
4}
5?>
6.template-container {
7 display: flex;
8 justify-content: space-between;
9 padding: 10px;
10 background: #f5f5f5;
11 border: 1px solid #d3d3d3;
12 border-radius: 5px;
13 margin-bottom: 15px;
14 }
15
16 .template-option {
17 text-align: center;
18 padding: 10px;
19 margin: 0 5px;
20 background: #e9e9e9;
21 border: 1px solid #ccc;
22 border-radius: 5px;
23 cursor: pointer;
24 height: 60px;
25 width: 60px;
26 display: inline-block;
27 align-items: center;
28 justify-content: center;
29 }
30
31 .template-option:hover {
32 font-weight: bold;
33 background: var(--butactionbg);
34 color: var(--textbutaction);
35 border-radius: 8px;
36 border-collapse: collapse;
37 }
38
39 .template-option[data-template="ai"] {
40 background: #c5f7c5;
41 }
42
43 .template-option[data-template="ai"]:hover {
44 font-weight: bold;
45 background: var(--butactionbg);
46 color: var(--textbutaction);
47 border-radius: 8px;
48 border-collapse: collapse;
49 border: none;
50 }
51
52 .template-option.selected {
53 font-weight: bold;
54 background: var(--butactionbg);
55 color: var(--textbutaction);
56 border-radius: 8px;
57 border-collapse: collapse;
58 border: none;
59}
60
61 #template-selector {
62 /* width: 100%;
63 max-width: 80%; */
64 height: auto;
65 padding: 10px;
66 border: 1px solid #d3d3d3;
67 border-radius: 5px;
68 margin-bottom: 10px;
69 margin-top: 10px;
70 width: fit-content;
71 }
72
73 .template-option[data-template="ai"] i {
74 font-size: 42px;
75 display: block;
76 width: 80%;
77 max-height: 80px;
78 margin: 0 5px;
79 padding-top: 5px;
80 border-radius: 5px;
81
82}
83
84.template-option[data-template="ai"] span {
85 padding-top: 30px;
86 font-size: 14px;
87
88}
89
90.template-option-text {
91 padding-top: 3px;
92 font-size: 14px;
93}
94
95#ai_input {
96 display: none;
97}
98
99.template-option img {
100 display: block;
101 width: 80%;
102 max-height: 80px;
103 margin: 0 5px;
104 padding-top: 5px;
105 border-radius: 7px;
106}