1
2.serverToolTip {
3    background-color: @ini_background;
4    color: @ini_text;
5    border: 1px solid @ini_border;
6    box-shadow: .1em .1em .1em @ini_border;
7    border-radius: 2px;
8    padding: .3em 60px .3em .5em;
9    font-size: .9rem;
10    min-height: 60px;
11    min-width: 15rem;
12    max-width: 30%;
13    z-index: 1000;
14
15    .waiting {
16        .issuelinks-spinner();
17    }
18
19    h1.issueTitle {
20        font-size: 1rem;
21        font-weight: bold;
22        margin: 0;
23        padding: 0;
24    }
25
26    h2 {
27        font-size: 0.95rem;
28        margin: 0;
29        padding: 0;
30    }
31
32    @avatar_dimensions: 48px;
33    .assigneeAvatar {
34        width: @avatar_dimensions;
35        height: @avatar_dimensions;
36        position: absolute;
37        top: 0;
38        right: 0;
39        margin: .3em .3em 0 0;
40    }
41
42    .tagMixin {
43        padding-left: 1.3em;
44        margin-right: 0.3rem;
45        border-radius: 2px;
46        font-size: 12px;
47        font-weight: 600;
48
49        &:last-child {
50            margin-right: 0;
51        }
52    }
53
54    .components {
55        display: block;
56        margin-bottom: 0;
57
58        .component {
59            .tagMixin();
60            background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAaVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnbPKNAAAAInRSTlMAAQIDBgkMFSYqNzw9TVVidJGSlZumucPV2dri5vP3+fv9ItoNLgAAAFtJREFUCB2FwdsSQgAUQNGtSEnoKrpp//9HpjOa8dZajE5emOntmCnd8JNC4ZpFRvD98KslODkSnOxhCTi6DvrcHmxAzVkZ7qAmJIN9VnQVqCWVngnqjvrljf8+F+YJ/UXaassAAAAASUVORK5CYII=);
61        }
62    }
63
64    .labels {
65        display: block;
66        margin-bottom: 0;
67
68        .label {
69            .tagMixin();
70            background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAD3RSTlMAT1JXaGmAgoOFhoiV3uAEsLU1AAAAS0lEQVQIW2NggAKe//8MQDT/xfu/wbSA/P8NEP5/kADffyAACjCBaJBAPogRwMDADqIdgAL9////BOnk+P9/AdjI+b8hRrMEMMABAJ5fJWUitooIAAAAAElFTkSuQmCC);
71
72            &.color {
73                padding: 2px 4px;
74                background: none;
75            }
76        }
77    }
78    .descriptionTeaser {
79        white-space: pre-line;
80        font-size: 75%;
81        line-height: 130%;
82        display: block;
83        margin-top: 0.5rem;
84        margin-bottom: 1.4em;
85    }
86
87    .mergeRequests {
88        li {
89            line-height: 130%;
90
91            .mm__status {
92                display: inline-block;
93                margin-top: 5px;
94            }
95        }
96    }
97}
98
99a.issuelink {
100    margin-right: 3px;
101    white-space: nowrap;
102
103    img {
104        vertical-align: sub;
105        margin-right: 2px;
106    }
107
108    span.summary {
109        white-space: normal;
110        overflow-wrap: break-word;
111        word-break: break-all;
112    }
113
114    &.mergerequest {
115        svg {
116            width: 16px;
117            vertical-align: sub;
118            margin-right: 2px;
119
120            path {
121                fill: #286DA8;
122            }
123        }
124    }
125}
126
127span.mm__status {
128    background-color: #FFF;
129    font-weight: bold;
130    border-radius: 5px;
131    border-style: solid;
132    border-width: 1px;
133    padding-left: 2px;
134    padding-right: 2px;
135    margin-left: 2px;
136    text-transform: uppercase;
137
138    &.closed,
139    &.resolved,
140    &.done {
141        color: #14892C;
142        border-color: #B2D8B9;
143    }
144
145    &.merged {
146        @mergedColor: #6f42c1;
147        color: @mergedColor;
148        border-color: lighten(@mergedColor, 20%);
149    }
150
151    &.open,
152    &.opened,
153    &.reopened,
154    &.to_do,
155    &.backlog {
156        color: #4A6785;
157        border-color: #E4E8ED;
158    }
159
160    &.in_progress {
161        color: #594300;
162        border-color: #FFE28C;
163    }
164}
165
166span.pulse {
167    animation: pulse 0.7s infinite linear;
168    transform-origin: 49% 48.5%;
169    font-weight: bold;
170    border-radius: 4px;
171    border: 1px solid;
172    padding: 2px;
173}
174
175@keyframes pulse {
176    from {
177        transform: scale(1) rotate(0deg);
178        color: black;
179    }
180
181    50% {
182        transform: scale(1.1) rotate(0deg);
183        color: red;
184    }
185
186    to {
187        transform: scale(1.2) rotate(0deg);
188        color: black;
189    }
190}
191
192#plugin__issuelinks_repoadmin {
193
194    .plugin__repoadmin_serviceConfig {
195        label {
196            display: block;
197        }
198    }
199
200    fieldset {
201        margin-top: 1em;
202        width: 80%;
203
204        select:disabled {
205            cursor: wait;
206        }
207    }
208
209    .org_repos {
210        border: 1px solid lightgrey;
211        border-radius: 8px;
212        padding: 1em;
213        margin: 1em;
214
215        ul {
216            margin-top: 0.5em;
217            padding-left: 0;
218            -moz-column-count: 2;
219            column-count: 2;
220
221            li {
222                list-style: none;
223
224                div.li {
225                    display: inline-block;
226                    width: 100%;
227                    border-bottom: 1px solid lightgrey;
228                }
229            }
230        }
231
232        span.mm_reponame {
233            order: 2;
234        }
235
236        span.repohookstatus {
237            margin-right: 1em;
238            padding: 5px 5px 5px 2em;
239            background: no-repeat center right/16px;
240            cursor: pointer;
241            order: 1;
242            align-self: center;
243            margin-top: 2px;
244            position: relative;
245
246            &:not(.forbidden)::before {
247                background: no-repeat center center;
248                content: "";
249                width: 1em;
250                height: 1.3em;
251                display: inline-block;
252                position: absolute;
253                left: 0;
254                bottom: 15%;
255            }
256
257            &.issue::before {
258                background-image: url('images/issue-opened.svg');
259                background-size: 14px;
260            }
261
262            &.active {
263                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAUVBMVEUAAAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgAAAgACPltrgAAAAGnRSTlMAAQQHCAkMDRMWJiorLk5PlZqeoKLFx/H3/Qa/diIAAABjSURBVBhXtcg5EgIhAADBAa/1Pldl/v9QA0oFlsyyw4Z/COfntrM3Tbvealo2e1XVFcA8NLsHODrG6R7UewTCpdhB1THWy+yRf1EtrPOnej/fbPnlfr/e97ebf7ownDad/c0L6ucNJ05wXNYAAAAASUVORK5CYII=);
264
265                &:hover {
266                    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAbFBMVEUAAACQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBSsKKGAAAAI3RSTlMACAsODxARFBUWFywtLi8/VVhnaGlsbX5/hYaIw8Xo6evx8wp0fdQAAACXSURBVBhXZdBHFsJQDEPRRwodQieQSrT/PTL4304CHsl3pCMgrZscu1N7CyFtpX4Z9SKpNHW/StFryT2otIMmxn7JLUYdIOvM36YvgNx8pn8e9cddZz5RqJzXE324qh93uI868Zm6/6jU5cDZvmplfboFWK4mPYuwcFDf55MAT1fIWknDBoDSFbJWwzbm/dEUFkUyPn/3BbGiJKZWJWzoAAAAAElFTkSuQmCC');
267                }
268            }
269
270            &.inactive {
271                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAbFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AACxLS5TAAAAI3RSTlMACAsODxARFBUWFywtLi8/VVhnaGlsbX5/hYaIw8Xo6evx8wp0fdQAAACXSURBVBhXZdBHFsJQDEPRRwodQieQSrT/PTL4304CHsl3pCMgrZscu1N7CyFtpX4Z9SKpNHW/StFryT2otIMmxn7JLUYdIOvM36YvgNx8pn8e9cddZz5RqJzXE324qh93uI868Zm6/6jU5cDZvmplfboFWK4mPYuwcFDf55MAT1fIWknDBoDSFbJWwzbm/dEUFkUyPn/3BbGiJKZWJWzoAAAAAElFTkSuQmCC');
272
273                &:hover {
274                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAUVBMVEUAAACQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJDFg1FFAAAAGnRSTlMAAQQHCAkMDRMWJiorLk5PlZqeoKLFx/H3/Qa/diIAAABjSURBVBhXtcg5EgIhAADBAa/1Pldl/v9QA0oFlsyyw4Z/COfntrM3Tbvealo2e1XVFcA8NLsHODrG6R7UewTCpdhB1THWy+yRf1EtrPOnej/fbPnlfr/e97ebf7ownDad/c0L6ucNJ05wXNYAAAAASUVORK5CYII=);
275                }
276            }
277
278            &.forbidden {
279                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA/0lEQVQokW2Ru0oDYRCFz7prYhDvSlpBsBC0sYuFhZZWFj7H9wTBp7GxERGEsASDpEkhWGqxlYQNsqWFWByL/Jusi2eage/MhRkpiGNuMMaknBOpKloMAywjY3uOm+SYN05oEtHgiBHmm63ScIe5JZ4VJDxjzDuRJHYxY5IKHmDGvGBOJdHFXNZwzgqHmEdJvOJyIWKeMDmrEosYE4kvTCvgPmbCWrAbk0w7tCViUswn67NhocM15oqYXhVLHGBSSexhCnqYgo3K8QaYs2n6gDEFmxXcxWTh4CwxwWR0aEjE7NPH/LAz9y8zqv3ig7b+ig73AQ65YEH/iYik9mj9Au47qSueSXq0AAAAAElFTkSuQmCC);
280                cursor: not-allowed;
281            }
282
283            &.pulse,
284            &.pulse:hover {
285                background: none;
286                cursor: wait;
287                padding: 5px;
288
289                &::before {
290                    background: none;
291                }
292            }
293
294            &.error {
295                background-color: lightpink;
296                border: 2px solid darkred;
297                cursor: not-allowed;
298                display: block;
299            }
300        }
301
302        .issueImport {
303            border: none;
304            background: transparent;
305        }
306
307        .importRunning {
308            margin-right: 1rem;
309        }
310    }
311
312    .pulse {
313        .issuelinks-spinner();
314    }
315}
316
317.issuelinks-spinner {
318    display: inline-block;
319    animation: spinner 1s infinite linear;
320    cursor: wait;
321    background: none;
322    border: 3px dotted darkgray;
323    border-bottom-color: black;
324    border-radius: 100%;
325}
326
327@keyframes spinner {
328    from {
329        transform: rotate(0deg);
330    }
331
332    to {
333        transform: rotate(359deg);
334    }
335}
336