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