dolibarr 20.0.0
timeline.inc.php
1<?php
11if (!defined('ISLOADEDBYSTEELSHEET')) {
12 die('Must be call by steelsheet');
13} ?>
14/* <style type="text/css" > */
15
16
17/*
18* Component: Timeline
19* -------------------
20*/
21.timeline {
22 position: relative;
23 margin: 0 0 30px 0;
24 padding: 0;
25 list-style: none;
26}
27.timeline:before {
28 content: '';
29 position: absolute;
30 top: 0;
31 bottom: 0;
32 width: 4px;
33 background: #ddd;
34 left: 25px;
35 margin: 0;
36 border-radius: 2px;
37}
38.timeline > li {
39 position: relative;
40 margin-right: 0;
41 margin-bottom: 15px;
42}
43.timeline > li:before,
44.timeline > li:after {
45 content: " ";
46 display: table;
47}
48.timeline > li:after {
49 clear: both;
50}
51.timeline > li > .timeline-item {
52 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
53 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
54 border:1px solid #d2d2d2;
55 border-radius: 3px;
56 margin-top: 0;
57 background: #fff;
58 color: #444;
59 margin-left: 50px;
60 margin-right: 0px;
61 padding: 0;
62 position: relative;
63}
64
65.timeline > li.timeline-code-ticket_msg_private > .timeline-item,
66.timeline > li.timeline-code-ticket_msg_private_sentbymail > .timeline-item {
67 background: #fffbe5;
68 border-color: #d0cfc0;
69}
70
71
72.timeline > li > .timeline-item > .time{
73 color: #6f6f6f;
74 float: right;
75 padding: 10px;
76 font-size: 12px;
77}
78
79
80.timeline > li > .timeline-item > .timeline-header-action{
81 color: #6f6f6f;
82 float: right;
83 padding: 7px;
84 font-size: 12px;
85}
86
87
88a.timeline-btn:link,
89a.timeline-btn:visited,
90a.timeline-btn:hover,
91a.timeline-btn:active
92{
93 display: inline-block;
94 margin-bottom: 0;
95 font-weight: 400;
96 border-radius: 0;
97 box-shadow: none;
98 padding: 1px 5px;
99 font-size: 12px;
100 line-height: 1.5;
101 text-align: center;
102 white-space: nowrap;
103 vertical-align: middle;
104 touch-action: manipulation;
105 cursor: pointer;
106 user-select: none;
107 background-image: none;
108 text-decoration: none;
109 background-color: #f4f4f4;
110 color: #444;
111 border: 1px solid #ddd;
112}
113
114a.timeline-btn:hover
115{
116 background-color: #e7e7e7;
117 color: #333;
118 border-color: #adadad;
119}
120
121
122.timeline > li > .timeline-item > .timeline-header {
123 margin: 0;
124 color: #333;
125 border-bottom: 1px solid #f4f4f4;
126 padding: 10px;
127 font-size: 1em;
128 font-weight: normal;
129 line-height: 1.1;
130}
131
132.timeline > li > .timeline-item > .timeline-footer {
133 border-top: 1px solid #f4f4f4;
134}
135
136.timeline > li.timeline-code-ticket_msg_private > .timeline-item > .timeline-header, .timeline > li.timeline-code-ticket_msg_private > .timeline-item > .timeline-footer {
137 border-color: #ecebda;
138}
139
140.timeline > li > .timeline-item > .timeline-header > a {
141 font-weight: 600;
142}
143.timeline > li > .timeline-item > .timeline-body,
144.timeline > li > .timeline-item > .timeline-footer {
145 padding: 10px;
146}
147.timeline > li > .fa,
148.timeline > li > .fas,
149.timeline > li > .glyphicon,
150.timeline > li > .ion {
151 width: 30px;
152 height: 30px;
153 font-size: 1em;
154 line-height: 30px;
155 position: absolute;
156 color: #666;
157 background: #d2d6de;
158 border-radius: 50%;
159 text-align: center;
160 left: 12px;
161 top: 5px;
162}
163.timeline > .time-label > span {
164 font-weight: 600;
165 padding: 5px;
166 display: inline-block;
167 background-color: #fff;
168 border-radius: 4px;
169}
170.timeline-inverse > li > .timeline-item {
171 background: #f0f0f0;
172 border: 1px solid #ddd;
173 -webkit-box-shadow: none;
174 box-shadow: none;
175}
176.timeline-inverse > li > .timeline-item > .timeline-header {
177 border-bottom-color: #ddd;
178}
179
180.timeline-icon-todo,
181.timeline-icon-in-progress,
182.timeline-icon-done{
183 color: #fff !important;
184}
185
186.timeline-icon-not-applicble{
187 color: #000;
188 background-color: #f7f7f7;
189}
190
191.timeline-icon-todo{
192 background-color: #dd4b39 !important;
193}
194
195.timeline-icon-in-progress{
196 background-color: #00c0ef !important;
197}
198.timeline-icon-done{
199 background-color: #00a65a !important;
200}
201
202
203.timeline-badge-date{
204 background-color: #0073b7 !important;
205 color: #fff !important;
206}
207
208.timeline-item .messaging-title {
209 word-break: break-all;
210}
211
212.timeline-documents-container{
213
214}
215
216.timeline-documents{
217 margin-right: 5px;
218}
219
220.messaging-author {
221 width: 100px;
222}
223
224.readmore-block.--closed .readmore-block__full-text, .readmore-block.--open .readmore-block__excerpt{
225 display: none;
226}
227
228.read-less-link, .read-more-link{
229 font-weight: bold;
230}
231
232.read-less-link{
233 display: block;
234 text-align: center;
235}
236
237
238 .read-less-link .fa, .read-more-link .fa{
239 color: inherit;
240}
241
242/* Force values for small screen 767 */
243@media only screen and (max-width: 767px)
244{
245 .messaging-author.inline-block {
246 padding-bottom: 10px;
247 }
248}
print $object position
Definition edit.php:195
treeview li table
No Email.
table table fiche title col title div col center btnTitle icon
Automatically calls the icon named with the corresponding "object_" prefix.
$conf db user
Active Directory does not allow anonymous connections.
Definition repair.php:141