Create new child context menu item

Adds a new context menu item for single WPs that open the create new
child link in split view.

app/assets/fonts/openproject_icon/openproject-icon-font.svg

@@ -508,203 +508,206 @@
     <glyph glyph-name="relation-follows"
       unicode="&#xF1A7;"
       horiz-adv-x="512" d=" M160 369.1H497.3V143.6999999999999H160V369.0999999999999z M180.4 348.8H476.9V294H180.4V348.8z M5.7 283.1L103.6 283.9L103.6 237L5.6 237 M165.8 256.2000000000001C130.6 231.5 87.1 189.5 60.2 144.8V367.5C87.1 323.1 130.6 280.9 165.8 256.2000000000001z" />
-    <glyph glyph-name="relation-precedes"
+    <glyph glyph-name="relation-new-child"
       unicode="&#xF1A8;"
+      horiz-adv-x="512" d=" M170 374.2000000000001H507.3V148.8H170V374.2z M190.4 353.9H486.9V299.1H190.4V353.9z M15.7 288.2000000000001L113.6 289L113.6 242.1L15.6 242.1 M175.8 261.3C140.6 236.6 97.1 194.6 70.2 149.9V372.6C97.1 328.2000000000001 140.6 286 175.8 261.3z M43.8 445.4L44.5 242.6L6.6 242.6L6.6 445.6" />
+    <glyph glyph-name="relation-precedes"
+      unicode="&#xF1A9;"
       horiz-adv-x="512" d=" M287.1 293.6 M221 343.3L222 342.3L223 342.3L222 343.3z M35 374.4H361.2V156.4H35V374.4z M54.7 354.8H341.4V301.8H54.7V354.8z M352 291.2000000000001L446.6 292L446.6 246.6L351.9 246.6 M506.8 265.2000000000001C472.8 241.3000000000001 430.7000000000001 200.7000000000001 404.7000000000001 157.5V372.9C430.7 329.9 472.8 289.1 506.8 265.2000000000001z" />
     <glyph glyph-name="reload"
-      unicode="&#xF1A9;"
+      unicode="&#xF1AA;"
       horiz-adv-x="512" d=" M295 504C192 504 107 432 85 336L2 337L114 156L230 335L153 336C173 395 229 438 294 438C377 438 444 370 444 288C444 205 377 138 294 138C264 138 236 148 212 163L176 108C210 86 251 72 294 72C413 72 510 169 510 288S413 504 295 504z" />
     <glyph glyph-name="reminder"
-      unicode="&#xF1AA;"
+      unicode="&#xF1AB;"
       horiz-adv-x="512" d=" M250 387C324 387 383 327 383 253C383 180 324 120 250 120S116 180 116 253C116 327 176 387 250 387M250 454C139 454 50 364 50 253C50 143 139 53 250 53S450 143 450 253C450 364 361 454 250 454zM239 244C230 244 223 251 223 260V294C223 303 230 310 239 310C249 310 256 303 256 294V260C256 251 249 244 239 244zM294 200C290 200 286 201 283 204L229 247C222 253 220 263 226 271C232 278 243 279 250 273L304 230C311 224 312 214 307 206C303 202 298 200 294 200zM491 362C520 407 515 467 476 506S377 550 332 521zM21 362C-8 407 -3 467 36 506S135 550 180 521zM442 41C435 35 425 35 418 41L371 88C364 95 364 106 371 112C377 119 388 119 394 112L442 65C448 58 448 48 442 41zM70 41C77 35 87 35 94 41L141 88C148 95 148 106 141 112C135 119 124 119 118 112L70 65C64 58 64 48 70 41z" />
     <glyph glyph-name="remove"
-      unicode="&#xF1AB;"
+      unicode="&#xF1AC;"
       horiz-adv-x="512" d=" M451 36L4 483L61 540L508 93zM507 483L60 36L4 92L451 539z" />
     <glyph glyph-name="rename"
-      unicode="&#xF1AC;"
+      unicode="&#xF1AD;"
       horiz-adv-x="512" d=" M448 352L512 416L448 480H288V544H224V480H96V352H224V320H64L0 256L64 192H224V32H288V192H416V320H288V352z" />
     <glyph glyph-name="reported-by-me"
-      unicode="&#xF1AD;"
+      unicode="&#xF1AE;"
       horiz-adv-x="512" d=" M478 109C468 123 437 133 406 146C376 159 368 163 368 163V194S380 203 383 231C390 229 398 242 398 249C399 256 397 274 389 272C390 286 392 299 391 305C389 330 365 355 329 355S270 330 268 305C267 299 268 286 270 272C261 274 260 256 260 249C261 242 268 229 276 231C279 203 291 194 291 194L290 163S283 159 252 146C222 133 190 123 181 109C173 95 175 32 175 32H483S486 95 478 109zM185 202C186 205 187 209 187 213S186 221 185 224C183 228 181 231 179 234C176 236 173 238 169 240C166 241 162 242 158 242C155 242 152 241 149 240C146 238 143 236 141 234C139 231 137 228 136 224C135 221 134 217 134 213S135 205 136 202C137 198 139 195 141 193C143 190 146 188 149 187C152 185 155 184 158 184C162 184 166 185 169 187C173 188 176 190 179 193C181 195 183 198 185 202zM138 321C139 309 140 297 142 285H175C177 298 178 309 180 321C181 332 181 343 181 355V465H136V355C136 343 136 332 138 321zM74 498H284L389 393L422 425L303 544H28V32H108V78H74z" />
     <glyph glyph-name="roadmap"
-      unicode="&#xF1AE;"
+      unicode="&#xF1AF;"
       horiz-adv-x="512" d=" M381 117C369 103 345 92 327 92H33C15 92 0 106 0 124V452C0 469 15 484 33 484H327C345 484 369 473 381 459L502 313C514 299 514 277 502 263z" />
     <glyph glyph-name="rss"
-      unicode="&#xF1AF;"
+      unicode="&#xF1B0;"
       horiz-adv-x="512" d=" M138 102C138 64 108 34 70 34C33 34 2 64 2 102C2 139 33 170 70 170C108 170 138 139 138 102zM336 38H246C245 102 220 161 175 207C130 252 70 277 6 278V368C187 365 333 219 336 38zM510 38H421C418 266 234 450 7 453V542C283 540 507 315 510 38z" />
     <glyph glyph-name="rubber"
-      unicode="&#xF1B0;"
+      unicode="&#xF1B1;"
       horiz-adv-x="512" d=" M503 50C503 41 496 33 486 33H45C36 33 28 41 28 50S36 67 45 67H486C496 67 503 59 503 50zM477 393L339 532C332 539 323 543 315 543C306 543 297 540 291 533L19 261C5 248 5 226 19 213L97 130C110 116 136 101 155 101H207C226 101 252 116 265 130L477 344C490 357 490 380 477 393zM237 154C231 147 217 135 207 135H155C145 135 128 147 121 154L43 234L166 359L303 222z" />
     <glyph glyph-name="save"
-      unicode="&#xF1B1;"
+      unicode="&#xF1B2;"
       horiz-adv-x="512" d=" M256 160H192V96H256zM0 544V32H448L512 96V544zM352 64H160V192H352zM416 288H96V512H416z" />
     <glyph glyph-name="search"
-      unicode="&#xF1B2;"
+      unicode="&#xF1B3;"
       horiz-adv-x="512" d=" M497 98L361 222C361 223 361 223 360 223C386 256 401 297 401 342C401 452 311 541 201 541S2 452 2 342S91 143 201 143C241 143 278 155 309 175C310 173 311 171 313 170L448 46C463 32 483 31 493 42L504 54C514 65 511 85 497 98zM201 195C120 195 54 261 54 342S120 489 201 489C283 489 348 423 348 342S283 195 201 195z" />
     <glyph glyph-name="send-mail"
-      unicode="&#xF1B3;"
+      unicode="&#xF1B4;"
       horiz-adv-x="512" d=" M164 388L308 516H20zM325 496C325 498 325 501 324 503L222 413L322 325C324 328 325 331 325 334zM3 504C2 501 2 499 2 496V334C2 331 3 329 4 326L105 413zM207 399L163 361L120 399L21 314H304zM254 60L129 201C116 215 119 236 135 248C152 259 175 257 188 242L252 171L442 403C454 418 478 421 495 411C511 400 515 379 503 364z" />
     <glyph glyph-name="server-key"
-      unicode="&#xF1B4;"
+      unicode="&#xF1B5;"
       horiz-adv-x="512" d=" M511 280C506 300 491 325 471 334C461 339 450 342 439 345L406 344C395 340 385 336 375 331C347 315 340 281 338 253C338 245 342 238 344 230C206 86 236 157 203 47L256 32C283 63 264 47 322 69L321 103L340 121L359 104L394 140L376 156L399 181L423 177C438 180 455 182 469 188C495 198 504 226 512 248C511 259 513 270 511 280zM454 269C448 263 438 262 432 268C425 274 425 283 431 289C437 296 447 296 453 290S460 275 454 269zM46 498H347V413H394V544H0V32H132V78H46zM101 291H287V260H101zM102 352H288V320H102zM102 413H288V381H102z" />
     <glyph glyph-name="settings"
-      unicode="&#xF1B5;"
+      unicode="&#xF1B6;"
       horiz-adv-x="512" d=" M482 338H411C407 351 401 364 394 376L441 423C452 434 452 452 441 463L421 483C410 494 392 494 381 483L333 435C320 443 306 448 291 452V514C291 530 279 542 263 542H235C219 542 207 530 207 514V452C190 448 175 441 161 433L121 473C110 484 92 484 81 473L61 453C50 442 50 424 61 413L102 372C93 357 87 341 83 323H30C14 323 2 311 2 295V267C2 251 14 239 30 239H87C92 222 100 206 110 192L71 153C60 142 60 124 71 113L91 93C102 82 120 82 131 93L174 136C188 129 204 124 221 121V62C221 46 233 34 249 34H277C293 34 305 46 305 62V128C320 133 333 140 345 149L391 103C402 92 420 92 431 103L451 123C462 134 462 152 451 163L401 213C407 225 412 239 415 253H482C498 253 510 265 510 281V309C510 325 498 338 482 338zM249 217C210 217 178 249 178 288S210 359 249 359S320 327 320 288S288 217 249 217z" />
     <glyph glyph-name="settings2"
-      unicode="&#xF1B6;"
+      unicode="&#xF1B7;"
       horiz-adv-x="512" d=" M332 243H283C280 252 276 261 271 269L304 301C311 309 311 321 304 329L290 342C282 350 270 350 262 342L230 310C221 315 211 319 201 321V364C201 375 192 383 181 383H162C151 383 143 375 143 364V321C131 318 121 314 111 308L84 336C76 343 64 343 56 336L43 322C35 314 35 302 43 294L71 266C65 256 60 245 58 233H21C11 233 2 224 2 213V194C2 183 11 175 21 175H60C64 163 69 152 76 142L50 116C42 108 42 96 50 88L63 75C71 67 83 67 91 75L120 104C130 99 141 96 152 94V53C152 43 161 34 172 34H191C202 34 211 43 211 53V99C220 102 230 107 238 113L269 82C277 74 289 74 297 82L310 95C318 103 318 115 310 123L276 157C280 166 284 175 286 184H332C343 184 351 193 351 204V223C351 234 343 243 332 243zM172 160C145 160 123 182 123 209C123 235 145 257 172 257S220 235 220 209C220 182 199 160 172 160zM498 453H467C465 459 462 464 459 469L480 490C485 495 485 503 480 507L471 516C466 521 458 521 454 516L433 495C427 498 421 501 414 503V530C414 537 409 542 402 542H390C383 542 377 537 377 530V503C370 501 364 498 357 494L340 512C335 517 327 517 322 512L314 503C309 498 309 490 314 486L332 468C328 461 325 454 323 446H300C293 446 288 441 288 434V422C288 415 293 409 300 409H325C327 402 331 395 335 389L318 372C313 367 313 359 318 355L327 346C332 341 340 341 344 346L363 365C369 361 376 359 384 358V332C384 325 389 320 396 320H408C415 320 421 325 421 332V361C427 363 433 366 438 370L458 350C463 345 471 345 475 350L484 359C489 364 489 372 484 376L462 398C465 404 467 409 468 416H498C505 416 510 421 510 428V440C510 447 505 453 498 453zM396 400C379 400 365 414 365 431S379 462 396 462S427 448 427 431S413 400 396 400z" />
     <glyph glyph-name="settings3"
-      unicode="&#xF1B7;"
+      unicode="&#xF1B8;"
       horiz-adv-x="512" d=" M504 447L436 380L361 396L345 471L413 539C402 541 391 543 380 544C309 544 251 486 251 415C251 400 254 386 259 372L27 142C-1 115 -4 73 19 49C43 25 85 28 113 56L347 288C348 289 348 290 349 290C358 288 369 286 379 286C450 286 508 343 508 414C508 426 506 437 504 447z" />
     <glyph glyph-name="settings4"
-      unicode="&#xF1B8;"
+      unicode="&#xF1B9;"
       horiz-adv-x="512" d=" M444 476V100H68V476H444M512 544H0V32H512zM171 169H137V407H171zM273 169H239V407H273zM375 169H341V407H375zM205 356C205 347 197 339 188 339H119C110 339 102 347 102 356C102 366 110 373 119 373H188C197 373 205 366 205 356zM307 254C307 244 300 237 290 237H222C212 237 205 244 205 254C205 263 212 271 222 271H290C300 271 307 263 307 254zM410 322C410 313 402 305 393 305H324C315 305 307 313 307 322C307 332 315 339 324 339H393C402 339 410 332 410 322z" />
     <glyph glyph-name="shortcuts"
-      unicode="&#xF1B9;"
+      unicode="&#xF1BA;"
       horiz-adv-x="512" d=" M457 32H55C25 32 0 57 0 87V489C0 519 25 544 55 544H457C487 544 512 519 512 489V87C512 57 487 32 457 32zM55 512C42 512 32 502 32 489V87C32 74 42 64 55 64H457C470 64 480 74 480 87V489C480 502 470 512 457 512zM118 117C114 116 106 113 96 113C73 113 58 129 58 152S74 193 99 193C107 193 114 190 118 189L115 178C112 180 106 181 99 181C81 181 72 169 72 153C72 135 83 124 98 124C106 124 111 126 115 128zM153 213V191H173V180H153V139C153 130 155 124 163 124C167 124 169 125 171 125L172 115C169 114 165 113 160 113C153 113 148 115 145 119C141 123 139 130 139 139V180H127V191H139V209zM188 167V191H200V176H201C204 186 213 193 222 193C224 193 225 192 226 192V179C225 179 223 180 221 180C211 180 204 172 203 162C202 160 202 158 202 155V115H188zM240 227H254V115H240zM318 198V161H354V152H318V115H308V152H272V161H308V198z" />
     <glyph glyph-name="show-all-projects"
-      unicode="&#xF1BA;"
+      unicode="&#xF1BB;"
       horiz-adv-x="512" d=" M160 480H512V416H160zM160 320H512V256H160zM160 160H512V96H160zM0 496H96V400H0zM0 336H96V240H0zM0 176H96V80H0z" />
     <glyph glyph-name="show-more"
-      unicode="&#xF1BB;"
+      unicode="&#xF1BC;"
       horiz-adv-x="512" d=" M326 448C326 413 298 384 262 384C227 384 198 413 198 448S227 512 262 512C298 512 326 483 326 448zM326 282C326 246 298 218 262 218C227 218 198 246 198 282C198 317 227 346 262 346C298 346 326 317 326 282zM326 112C326 77 298 48 262 48C227 48 198 77 198 112S227 176 262 176C298 176 326 147 326 112z" />
     <glyph glyph-name="sort-ascending"
-      unicode="&#xF1BC;"
+      unicode="&#xF1BD;"
       horiz-adv-x="512" d=" M256 544L182 415H330zM240 415H272V32H240z" />
     <glyph glyph-name="sort-by"
-      unicode="&#xF1BD;"
+      unicode="&#xF1BE;"
       horiz-adv-x="512" d=" M363 544L289 415H437zM347 415H379V32H347zM149 32L75 161H223zM133 544H165V161H133z" />
     <glyph glyph-name="sort-descending"
-      unicode="&#xF1BE;"
+      unicode="&#xF1BF;"
       horiz-adv-x="512" d=" M256 32L182 161H330zM240 544H272V161H240z" />
     <glyph glyph-name="sort-down"
-      unicode="&#xF1BF;"
+      unicode="&#xF1C0;"
       horiz-adv-x="512" d=" M256 33L31 423H481zM31 543H481V485H31z" />
     <glyph glyph-name="sort-up"
-      unicode="&#xF1C0;"
+      unicode="&#xF1C1;"
       horiz-adv-x="512" d=" M256 543L31 153H481zM31 91H481V33H31z" />
     <glyph glyph-name="square"
-      unicode="&#xF1C1;"
+      unicode="&#xF1C2;"
       horiz-adv-x="512" d=" M437 213L361 163V88L437 37L512 88V163zM437 115L382 152L437 189L492 152zM393 539L302 478V386L393 325L485 386V478zM393 420L326 464L393 509L460 464zM158 405L0 300V142L158 37L315 142V300zM158 201L43 277L158 354L273 277z" />
     <glyph glyph-name="star"
-      unicode="&#xF1C2;"
+      unicode="&#xF1C3;"
       horiz-adv-x="512" d=" M256 530L319 349L511 345L358 229L413 46L256 155L99 46L154 229L1 345L193 349z" />
     <glyph glyph-name="status-reporting"
-      unicode="&#xF1C3;"
+      unicode="&#xF1C4;"
       horiz-adv-x="512" d=" M374 201V253L448 354H374V405L448 506H374V508C374 528 355 544 331 544H180C156 544 137 528 137 508V506H63L137 405V354H63L137 253V201H63L137 101V68C137 48 156 33 180 33H331C355 33 374 48 374 68V101L448 201zM324 287C324 250 294 220 257 220S190 250 190 287S220 354 257 354S324 324 324 287zM324 439C324 402 294 372 257 372S190 402 190 439S220 506 257 506S324 476 324 439zM257 67C220 67 190 97 190 134S220 201 257 201S324 171 324 134S294 67 257 67z" />
     <glyph glyph-name="status"
-      unicode="&#xF1C4;"
+      unicode="&#xF1C5;"
       horiz-adv-x="512" d=" M256 480C115 480 0 365 0 224V96H512V224C512 365 397 480 256 480zM254 416C272 416 286 402 286 384C286 376 283 368 277 362S263 352 254 352C237 352 223 366 222 383C222 402 236 416 254 416zM65 182H63C53 183 46 187 40 194C35 201 32 209 33 217C35 234 49 246 65 246H69C77 245 85 241 90 234S98 219 97 210C95 194 82 182 65 182zM124 282C117 273 107 268 97 268C91 268 84 270 79 274C72 278 67 285 66 294C64 302 66 311 71 318C80 332 101 336 115 327C130 316 133 297 124 282zM180 333C176 331 171 329 165 329C154 329 143 336 137 346C129 362 134 381 150 389C165 398 186 391 194 376S196 342 180 333zM256 112C230 112 208 134 208 160S230 208 256 208S304 186 304 160S282 112 256 112zM353 352L304 202C292 215 275 224 256 224C253 224 250 223 248 223L323 365C331 381 344 391 351 388S359 369 353 352zM387 284C382 291 380 300 381 308C383 317 387 324 394 329C409 339 429 335 439 321C444 315 446 306 444 298C443 290 438 282 431 277C426 273 419 271 413 271C402 271 393 276 387 284zM463 181C458 177 451 175 445 175C434 175 425 180 419 188C414 195 412 204 413 212C415 221 419 228 426 233C441 243 461 239 471 225C476 219 478 210 476 202C475 194 470 186 463 181z" />
     <glyph glyph-name="strike-through"
-      unicode="&#xF1C5;"
+      unicode="&#xF1C6;"
       horiz-adv-x="512" d=" M512 305H345C332 310 318 316 304 320C288 325 272 330 257 335S228 346 216 352S195 366 187 375C180 383 177 394 177 407C177 417 179 427 183 436C188 445 194 452 202 459C211 466 221 471 232 475C244 479 257 481 272 481C289 481 303 479 316 475C328 471 339 467 348 462C357 458 364 454 370 450C377 447 382 445 387 445C395 445 400 448 404 456L423 488C405 505 383 519 357 529S302 544 270 544C242 544 217 540 195 532S154 514 139 501S113 473 105 455C97 438 93 420 93 402C93 380 97 362 104 347C112 332 121 319 134 309C135 307 137 306 138 305H0V259H242C252 256 261 253 270 250C286 246 299 240 311 234C323 227 333 220 341 211C348 202 352 190 352 177C352 166 350 155 345 145C341 136 335 127 327 119C318 112 308 106 295 102C282 97 267 95 250 95C230 95 214 98 201 102C187 106 176 112 167 117C158 123 150 128 143 132C137 137 130 139 125 139C119 139 114 138 110 136C106 133 103 130 101 126L80 93C100 75 123 61 152 49C180 38 211 32 246 32C276 32 303 36 326 44C348 53 368 64 384 78S412 109 420 129C428 148 432 169 432 192C432 212 428 229 421 243C418 249 414 254 411 259H512z" />
     <glyph glyph-name="text"
-      unicode="&#xF1C6;"
+      unicode="&#xF1C7;"
       horiz-adv-x="512" d=" M137 33V63C166 64 183 66 189 69C194 71 198 76 200 83C203 94 204 125 204 177V396C204 455 204 489 203 496H151C125 496 101 495 81 493C73 493 69 492 68 490C66 489 64 485 63 478C60 461 58 442 58 420H28C27 470 26 498 26 505C25 515 24 527 22 539L25 543C37 542 49 541 62 540C83 540 123 539 182 539H330C391 539 432 540 452 540C464 541 475 542 486 543L490 539C488 524 486 511 486 500C486 498 485 472 484 420H454C454 439 452 457 449 475C448 483 446 489 445 490C443 492 439 492 433 493C413 495 389 496 361 496H309C308 487 308 454 308 396V178C308 125 309 93 312 83C314 76 317 72 323 69C328 66 346 64 375 63V33C328 35 288 36 256 36C222 36 182 35 137 33z" />
     <glyph glyph-name="ticket-checked"
-      unicode="&#xF1C7;"
+      unicode="&#xF1C8;"
       horiz-adv-x="512" d=" M279 32L182 142C172 153 174 169 187 178C199 187 218 185 228 174L277 118L425 299C435 311 453 313 466 305C479 296 482 280 472 268zM288 498L393 393L426 425L307 544H32V32H159V78H78V498z" />
     <glyph glyph-name="ticket-down"
-      unicode="&#xF1C8;"
+      unicode="&#xF1C9;"
       horiz-adv-x="512" d=" M419 147L461 220H427V338H324V220H292L334 147L377 74zM306 498L412 393L444 425L326 544H51V32H278V78H97V498z" />
     <glyph glyph-name="ticket-edit"
-      unicode="&#xF1C9;"
+      unicode="&#xF1CA;"
       horiz-adv-x="512" d=" M215 50L221 93L227 137L264 100L301 62L258 56zM425 211L314 100L301 112L413 224L388 248L276 137L264 149L375 261L363 273L239 149L314 75L437 199zM476 236C483 242 483 253 476 260L426 310C419 316 408 317 402 310C401 309 401 309 401 308L400 309L377 285L451 210L475 234L474 235C475 235 476 235 476 236zM288 498L394 393L426 425L308 544H33V32H160V78H79V498z" />
     <glyph glyph-name="ticket-minus"
-      unicode="&#xF1CA;"
+      unicode="&#xF1CB;"
       horiz-adv-x="512" d=" M322 157V200H481V157zM427 426L309 544H34V32H428V119H382V78H80V498H290L382 406V238H428V426z" />
     <glyph glyph-name="ticket-note"
-      unicode="&#xF1CB;"
+      unicode="&#xF1CC;"
       horiz-adv-x="512" d=" M82 498H292L397 393L430 425L311 544H36V32H163V78H82zM365 341H292C231 341 182 292 182 231C182 177 222 131 274 122V47L372 121C430 124 476 173 476 231C476 292 426 341 365 341zM365 158H359L310 121V158H292C251 158 219 191 219 231C219 272 251 305 292 305H365C406 305 439 272 439 231C439 191 406 158 365 158z" />
     <glyph glyph-name="ticket"
-      unicode="&#xF1CC;"
+      unicode="&#xF1CD;"
       horiz-adv-x="512" d=" M453 426L334 544H59V32H453V426zM105 78V498H315L407 406V78H105z" />
     <glyph glyph-name="time"
-      unicode="&#xF1CD;"
+      unicode="&#xF1CE;"
       horiz-adv-x="512" d=" M256 468C355 468 436 387 436 288S355 108 256 108S76 189 76 288S157 468 256 468M256 542C116 542 2 428 2 288S116 34 256 34S510 148 510 288S396 542 256 542zM260 293C249 293 241 301 241 311V385C241 395 249 404 260 404C270 404 278 395 278 385V311C278 301 270 293 260 293zM352 219C348 219 344 220 341 223L248 297C240 303 239 315 245 323C252 331 263 332 271 326L364 252C372 245 373 234 367 226C363 221 358 219 352 219z" />
     <glyph glyph-name="toggle"
-      unicode="&#xF1CE;"
+      unicode="&#xF1CF;"
       horiz-adv-x="512" d=" M131 545H225V451H131zM131 336H225V242H131zM131 125H225V31H131zM287 444H381V350H287zM287 230H381V137H287z" />
     <glyph glyph-name="training-consulting"
-      unicode="&#xF1CF;"
+      unicode="&#xF1D0;"
       horiz-adv-x="512" d=" M3 474V90H512V474zM147 106H13S10 160 19 170C22 173 29 179 35 182V442H480V122H278V106zM275 170C266 182 240 189 214 202C189 211 182 218 182 218V243S192 250 195 275C198 272 205 282 205 288S205 310 195 307C195 320 198 330 198 336C198 358 176 378 147 378C115 378 96 355 93 336C93 330 93 320 96 307C86 310 86 294 86 288S93 272 99 272C102 246 112 240 112 240V214L80 198C64 192 48 186 35 179C29 176 22 173 19 166C13 154 13 102 13 102H282V118C278 138 278 163 275 170zM285 266L256 234L301 256C310 253 320 250 330 250H381C426 250 461 285 461 330C461 374 426 410 381 410H330C285 410 250 374 250 330C250 304 262 278 285 266zM330 397H381C416 397 445 368 445 333S416 269 381 269H330C294 269 266 298 266 333S294 397 330 397zM304 358H403V349H304zM304 336H403V326H304zM304 317H403V307H304z" />
     <glyph glyph-name="types"
-      unicode="&#xF1D0;"
+      unicode="&#xF1D1;"
       horiz-adv-x="512" d=" M511 447L415 543H288L1 256L224 33L511 320zM385 366C357 366 334 389 334 417S357 468 385 468C413 467 435 445 435 417S413 366 385 366z" />
     <glyph glyph-name="underline"
-      unicode="&#xF1D1;"
+      unicode="&#xF1D2;"
       horiz-adv-x="512" d=" M79 274V544H139V274C139 255 142 238 147 223C152 207 160 194 170 182C180 171 192 162 207 156C221 150 238 147 256 147C275 147 291 150 305 156C320 162 332 171 342 182S360 207 365 222C370 238 373 255 373 273V544H433V274C433 248 429 224 421 202C413 181 401 162 386 146S352 117 330 108S284 94 256 94C229 94 204 99 182 108S142 130 126 146C111 162 99 181 91 202C83 224 79 248 79 274zM54 64H458V32H54z" />
     <glyph glyph-name="undo"
-      unicode="&#xF1D2;"
+      unicode="&#xF1D3;"
       horiz-adv-x="512" d=" M88 348C98 373 114 395 133 415C175 457 231 480 290 480S405 457 447 415S512 318 512 258C512 199 489 143 447 102C440 95 431 92 423 92C414 92 405 95 399 102C385 115 385 137 399 150C428 179 444 217 444 258S428 338 399 367S331 412 290 412S211 396 182 367C160 345 146 319 140 289L213 207H0V446z" />
     <glyph glyph-name="unit"
-      unicode="&#xF1D3;"
+      unicode="&#xF1D4;"
       horiz-adv-x="512" d=" M480 480C480 445 380 416 256 416S32 445 32 480S132 544 256 544S480 515 480 480zM256 384C236 384 96 386 32 429V352C32 317 132 288 256 288S480 317 480 352V429C416 386 276 384 256 384zM256 256C236 256 96 258 32 301V224C32 189 132 160 256 160S480 189 480 224V301C416 258 276 256 256 256zM256 128C236 128 96 130 32 173V96C32 61 132 32 256 32S480 61 480 96V173C416 130 276 128 256 128z" />
     <glyph glyph-name="unlocked"
-      unicode="&#xF1D4;"
+      unicode="&#xF1D5;"
       horiz-adv-x="512" d=" M368 529C289 529 224 464 224 385V335H0V47H352V335H288V385C288 429 324 465 368 465S448 429 448 385V335H512V385C512 464 447 529 368 529zM201 111H147L161 187C153 191 147 200 147 210C147 225 159 237 174 237S201 225 201 210C201 200 195 191 187 187z" />
     <glyph glyph-name="unordered-list"
-      unicode="&#xF1D5;"
+      unicode="&#xF1D6;"
       horiz-adv-x="512" d=" M160 480H512V416H160zM98 448C98 421 76 400 50 400C23 400 2 421 2 448S23 496 50 496C76 496 98 475 98 448zM160 320H512V256H160zM98 288C98 261 76 240 50 240C23 240 2 261 2 288S23 336 50 336C76 336 98 315 98 288zM160 160H512V96H160zM98 128C98 101 76 80 50 80C23 80 2 101 2 128S23 176 50 176C76 176 98 155 98 128z" />
     <glyph glyph-name="unwatched"
-      unicode="&#xF1D6;"
+      unicode="&#xF1D7;"
       horiz-adv-x="512" d=" M1 304V285C119 89 393 89 511 285V304C393 501 119 501 1 304zM256 177C191 177 138 230 138 295S191 412 256 412S374 360 374 295S321 177 256 177z" />
     <glyph glyph-name="upload"
-      unicode="&#xF1D7;"
+      unicode="&#xF1D8;"
       horiz-adv-x="512" d=" M507 338C496 400 433 430 375 425C356 533 182 534 167 424C124 425 92 397 82 355C37 349 4 316 2 269C-1 219 46 185 91 182C106 181 106 204 91 205C5 209 5 329 91 334H92C97 334 101 336 102 342C103 347 104 352 105 356C114 384 134 401 163 402H177C184 401 187 406 187 412C188 412 188 413 188 414C192 509 348 509 355 414V411C356 410 356 409 357 408C357 407 358 407 358 406C359 406 359 406 359 405C361 403 364 402 368 402H369C492 425 533 252 413 217V216C399 212 405 191 419 195C483 214 519 271 507 338zM273 339C268 346 259 346 254 339C234 311 213 283 193 255C190 250 191 245 194 242C196 240 199 238 203 238H243V96C243 82 252 71 264 71C275 71 284 82 284 96V238H324C332 238 339 248 334 255C314 283 294 311 273 339z" />
     <glyph glyph-name="user-minus"
-      unicode="&#xF1D8;"
+      unicode="&#xF1D9;"
       horiz-adv-x="512" d=" M295 135V166H465C446 184 403 198 360 215C312 235 301 242 301 242V288S318 302 324 345C335 342 347 362 348 372C348 382 346 410 332 407C335 429 337 448 336 458C333 494 296 533 241 533C185 533 149 494 145 458C144 448 146 429 149 407C135 410 133 382 134 372C134 362 146 342 157 345C163 302 181 288 181 288L180 242S169 235 121 215C74 196 25 182 11 159C-2 139 2 43 2 43H295V135zM326 74V135H511V74z" />
     <glyph glyph-name="user-plus"
-      unicode="&#xF1D9;"
+      unicode="&#xF1DA;"
       horiz-adv-x="512" d=" M345 98H281V225H345V228C324 237 318 241 318 241V288S337 302 342 347C354 344 366 364 367 375C367 386 365 415 351 412C354 434 356 453 355 464C351 502 314 542 256 542S161 502 157 464C156 453 158 434 161 412C147 415 145 386 145 375C146 364 158 344 170 347C175 302 194 288 194 288V241S182 233 132 213C83 192 33 178 18 155C5 134 9 34 9 34H345V98zM440 66H377V257H440zM313 129V193H504V129z" />
     <glyph glyph-name="user"
-      unicode="&#xF1DA;"
+      unicode="&#xF1DB;"
       horiz-adv-x="512" d=" M495 154C480 177 430 192 380 212C331 233 319 240 319 240L318 288S337 302 343 347C354 344 367 365 367 376C368 386 366 415 351 412C354 434 356 454 355 465C352 503 314 543 256 543S160 503 157 465C156 454 158 434 161 412C146 415 144 386 145 376C145 365 158 344 169 347C175 302 194 288 194 288L193 240S181 233 132 212C82 192 32 177 17 154C3 133 7 33 7 33H505S509 133 495 154z" />
     <glyph glyph-name="view-fullscreen"
-      unicode="&#xF1DB;"
+      unicode="&#xF1DC;"
       horiz-adv-x="512" d=" M0 448H512V96H0z" />
     <glyph glyph-name="view-list"
-      unicode="&#xF1DC;"
+      unicode="&#xF1DD;"
       horiz-adv-x="512" d=" M0 448H512V384H0zM0 352H512V288H0zM0 256H512V192H0zM0 160H512V96H0z" />
     <glyph glyph-name="view-split"
-      unicode="&#xF1DD;"
+      unicode="&#xF1DE;"
       horiz-adv-x="512" d=" M0 448H192V384H0zM0 352H192V288H0zM0 256H192V192H0zM0 160H192V96H0zM224 448H512V96H224z" />
     <glyph glyph-name="view-timeline"
-      unicode="&#xF1DE;"
+      unicode="&#xF1DF;"
       horiz-adv-x="512" d=" M44 468H173V417H44zM102 365H466V314H102zM271 262H369V211H271zM53 159H417V108H53zM0 468H33V108H0zM479 468H512V108H479z" />
     <glyph glyph-name="warning"
-      unicode="&#xF1DF;"
+      unicode="&#xF1E0;"
       horiz-adv-x="512" d=" M503 107L429 247C411 281 381 336 363 370L289 507C271 541 241 541 223 507L149 370C131 336 101 280 83 246L9 107C-9 73 7 43 46 43H466C505 43 521 73 503 107zM291 113H221V183H291zM291 219H221V359H291z" />
     <glyph glyph-name="watched"
-      unicode="&#xF1E0;"
+      unicode="&#xF1E1;"
       horiz-adv-x="512" d=" M1 305V285C119 89 393 89 511 285V305C393 501 119 501 1 305zM256 177C191 177 138 230 138 295S191 412 256 412S374 360 374 295S321 177 256 177zM315 295C315 262 288 236 256 236S197 262 197 295C197 327 224 354 256 354S315 327 315 295z" />
     <glyph glyph-name="wiki-edit"
-      unicode="&#xF1E1;"
+      unicode="&#xF1E2;"
       horiz-adv-x="512" d=" M256 405C256 485 78 501 0 501V149H16C22 149 27 148 32 148V117C96 117 224 136 224 85H288V405C288 426 322 467 480 469V278H512V501C434 501 256 485 256 405zM224 181V166C177 194 90 196 32 197V469C48 468 62 468 76 467C78 467 81 466 84 466H87C150 462 216 448 223 411C224 408 224 406 224 405zM327 113L322 82L318 51L349 55L381 60L354 87zM479 158L470 167L389 87L381 96L461 176L443 194L363 114L354 123L434 203L425 212L336 123L389 69zM471 238C466 243 458 243 453 239V237L452 238L435 220L489 167L506 184C506 185 507 185 507 185C512 190 512 198 507 203z" />
     <glyph glyph-name="wiki"
-      unicode="&#xF1E2;"
+      unicode="&#xF1E3;"
       horiz-adv-x="512" d=" M256 400C256 480 78 496 0 496V144H32V112C96 112 224 131 224 80H288C288 131 416 112 480 112V144H512V496C434 496 256 480 256 400zM32 464C48 464 62 463 76 462H87C150 457 216 444 223 406C224 404 224 402 224 400V162C177 189 90 192 32 192zM480 192C422 192 335 189 288 162V400C288 421 322 462 480 464z" />
     <glyph glyph-name="wiki2"
-      unicode="&#xF1E3;"
+      unicode="&#xF1E4;"
       horiz-adv-x="512" d=" M239 457C178 492 69 492 69 492V186S178 186 239 151zM273 457C334 492 443 492 443 492V186S334 186 273 151zM477 458V147L273 118H239L35 147V458H1V118L239 84H273L511 118V458z" />
     <glyph glyph-name="work-packages"
-      unicode="&#xF1E4;"
+      unicode="&#xF1E5;"
       horiz-adv-x="512" d=" M416 224V320H288V352H384V544H160V352H256V320H96V224H0V32H224V224H128V288H384V224H288V32H512V224zM192 192V160H32V192zM192 480V512H352V480zM480 160H320V192H480z" />
     <glyph glyph-name="workflow"
-      unicode="&#xF1E5;"
+      unicode="&#xF1E6;"
       horiz-adv-x="512" d=" M437 247L434 241C416 160 342 105 257 105C213 105 171 123 139 151L180 180L28 251L42 88L77 111C124 64 188 36 257 36C381 36 486 116 507 235L510 247zM78 326C96 407 170 466 255 466C299 466 341 450 373 422L332 394L484 333L470 492L435 466C388 513 324 540 255 540C131 540 26 452 5 333L2 312H75z" />
     <glyph glyph-name="yes"
-      unicode="&#xF1E6;"
+      unicode="&#xF1E7;"
       horiz-adv-x="512" d=" M176 54L13 240C-6 256 0 285 19 301C42 317 70 314 90 294L173 202L422 506C438 525 470 528 493 515C515 502 518 474 502 454z" />
     <glyph glyph-name="zen-mode"
-      unicode="&#xF1E7;"
+      unicode="&#xF1E8;"
       horiz-adv-x="512" d=" M160 512V544H0V384H32V490L147 371L173 397L54 512zM480 86L365 205L339 179L458 64H352V32H512V192H480zM480 544H352V512H458L339 397L365 371L480 490V384H512V544zM147 205L32 86V192H0V32H160V64H54L173 179z" />
     <glyph glyph-name="zoom-in"
-      unicode="&#xF1E8;"
+      unicode="&#xF1E9;"
       horiz-adv-x="512" d=" M497 98L361 222C361 223 361 223 360 223C386 256 401 297 401 342C401 452 311 541 201 541S2 452 2 342S91 143 201 143C241 143 278 155 309 175C310 173 311 171 313 170L448 46C463 32 483 31 493 42L504 54C514 65 511 85 497 98zM201 195C120 195 54 261 54 342S120 489 201 489C283 489 348 423 348 342S283 195 201 195zM222 429H181V369H122V327H181V270H222V327H281V369H222z" />
     <glyph glyph-name="zoom-out"
-      unicode="&#xF1E9;"
+      unicode="&#xF1EA;"
       horiz-adv-x="512" d=" M497 98L361 222C361 223 361 223 360 223C386 256 401 297 401 342C401 452 311 541 201 541S2 452 2 342S91 143 201 143C241 143 278 155 309 175C310 173 311 171 313 170L448 46C463 32 483 31 493 42L504 54C514 65 511 85 497 98zM201 195C120 195 54 261 54 342S120 489 201 489C283 489 348 423 348 342S283 195 201 195zM122 369H281V327H122z" />
   </font>
 </defs>

app/assets/fonts/openproject_icon/src/relation-new-child.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-41 164.9 512 512" style="enable-background:new -41 164.9 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st1{fill:#FFFFFF;}
+</style>
+<title>Ebene 1</title>
+<g>
+	<rect x="129" y="302.7" class="st0" width="337.3" height="225.4"/>
+	<rect x="149.4" y="323" class="st1" width="296.5" height="54.8"/>
+</g>
+<g>
+	<g>
+		<polyline points="-25.3,388.7 72.6,387.9 72.6,434.8 -25.4,434.8 		"/>
+	</g>
+	<g>
+		<g>
+			<path d="M134.8,415.6C99.6,440.3,56.1,482.3,29.2,527V304.3C56.1,348.7,99.6,390.9,134.8,415.6z"/>
+		</g>
+	</g>
+</g>
+<g>
+	<polyline points="2.8,231.5 3.5,434.3 -34.4,434.3 -34.4,231.3 	"/>
+</g>
+</svg>

app/assets/stylesheets/fonts/_openproject_icon_definitions.scss

@@ -1006,399 +1006,405 @@
 .icon-relation-follows:before {
 	content: "\f1a7";
 }
-@mixin icon-mixin-relation-precedes {
+@mixin icon-mixin-relation-new-child {
     content: "\f1a8";
 }
-.icon-relation-precedes:before {
+.icon-relation-new-child:before {
 	content: "\f1a8";
 }
-@mixin icon-mixin-reload {
+@mixin icon-mixin-relation-precedes {
     content: "\f1a9";
 }
-.icon-reload:before {
+.icon-relation-precedes:before {
 	content: "\f1a9";
 }
-@mixin icon-mixin-reminder {
+@mixin icon-mixin-reload {
     content: "\f1aa";
 }
-.icon-reminder:before {
+.icon-reload:before {
 	content: "\f1aa";
 }
-@mixin icon-mixin-remove {
+@mixin icon-mixin-reminder {
     content: "\f1ab";
 }
-.icon-remove:before {
+.icon-reminder:before {
 	content: "\f1ab";
 }
-@mixin icon-mixin-rename {
+@mixin icon-mixin-remove {
     content: "\f1ac";
 }
-.icon-rename:before {
+.icon-remove:before {
 	content: "\f1ac";
 }
-@mixin icon-mixin-reported-by-me {
+@mixin icon-mixin-rename {
     content: "\f1ad";
 }
-.icon-reported-by-me:before {
+.icon-rename:before {
 	content: "\f1ad";
 }
-@mixin icon-mixin-roadmap {
+@mixin icon-mixin-reported-by-me {
     content: "\f1ae";
 }
-.icon-roadmap:before {
+.icon-reported-by-me:before {
 	content: "\f1ae";
 }
-@mixin icon-mixin-rss {
+@mixin icon-mixin-roadmap {
     content: "\f1af";
 }
-.icon-rss:before {
+.icon-roadmap:before {
 	content: "\f1af";
 }
-@mixin icon-mixin-rubber {
+@mixin icon-mixin-rss {
     content: "\f1b0";
 }
-.icon-rubber:before {
+.icon-rss:before {
 	content: "\f1b0";
 }
-@mixin icon-mixin-save {
+@mixin icon-mixin-rubber {
     content: "\f1b1";
 }
-.icon-save:before {
+.icon-rubber:before {
 	content: "\f1b1";
 }
-@mixin icon-mixin-search {
+@mixin icon-mixin-save {
     content: "\f1b2";
 }
-.icon-search:before {
+.icon-save:before {
 	content: "\f1b2";
 }
-@mixin icon-mixin-send-mail {
+@mixin icon-mixin-search {
     content: "\f1b3";
 }
-.icon-send-mail:before {
+.icon-search:before {
 	content: "\f1b3";
 }
-@mixin icon-mixin-server-key {
+@mixin icon-mixin-send-mail {
     content: "\f1b4";
 }
-.icon-server-key:before {
+.icon-send-mail:before {
 	content: "\f1b4";
 }
-@mixin icon-mixin-settings {
+@mixin icon-mixin-server-key {
     content: "\f1b5";
 }
-.icon-settings:before {
+.icon-server-key:before {
 	content: "\f1b5";
 }
-@mixin icon-mixin-settings2 {
+@mixin icon-mixin-settings {
     content: "\f1b6";
 }
-.icon-settings2:before {
+.icon-settings:before {
 	content: "\f1b6";
 }
-@mixin icon-mixin-settings3 {
+@mixin icon-mixin-settings2 {
     content: "\f1b7";
 }
-.icon-settings3:before {
+.icon-settings2:before {
 	content: "\f1b7";
 }
-@mixin icon-mixin-settings4 {
+@mixin icon-mixin-settings3 {
     content: "\f1b8";
 }
-.icon-settings4:before {
+.icon-settings3:before {
 	content: "\f1b8";
 }
-@mixin icon-mixin-shortcuts {
+@mixin icon-mixin-settings4 {
     content: "\f1b9";
 }
-.icon-shortcuts:before {
+.icon-settings4:before {
 	content: "\f1b9";
 }
-@mixin icon-mixin-show-all-projects {
+@mixin icon-mixin-shortcuts {
     content: "\f1ba";
 }
-.icon-show-all-projects:before {
+.icon-shortcuts:before {
 	content: "\f1ba";
 }
-@mixin icon-mixin-show-more {
+@mixin icon-mixin-show-all-projects {
     content: "\f1bb";
 }
-.icon-show-more:before {
+.icon-show-all-projects:before {
 	content: "\f1bb";
 }
-@mixin icon-mixin-sort-ascending {
+@mixin icon-mixin-show-more {
     content: "\f1bc";
 }
-.icon-sort-ascending:before {
+.icon-show-more:before {
 	content: "\f1bc";
 }
-@mixin icon-mixin-sort-by {
+@mixin icon-mixin-sort-ascending {
     content: "\f1bd";
 }
-.icon-sort-by:before {
+.icon-sort-ascending:before {
 	content: "\f1bd";
 }
-@mixin icon-mixin-sort-descending {
+@mixin icon-mixin-sort-by {
     content: "\f1be";
 }
-.icon-sort-descending:before {
+.icon-sort-by:before {
 	content: "\f1be";
 }
-@mixin icon-mixin-sort-down {
+@mixin icon-mixin-sort-descending {
     content: "\f1bf";
 }
-.icon-sort-down:before {
+.icon-sort-descending:before {
 	content: "\f1bf";
 }
-@mixin icon-mixin-sort-up {
+@mixin icon-mixin-sort-down {
     content: "\f1c0";
 }
-.icon-sort-up:before {
+.icon-sort-down:before {
 	content: "\f1c0";
 }
-@mixin icon-mixin-square {
+@mixin icon-mixin-sort-up {
     content: "\f1c1";
 }
-.icon-square:before {
+.icon-sort-up:before {
 	content: "\f1c1";
 }
-@mixin icon-mixin-star {
+@mixin icon-mixin-square {
     content: "\f1c2";
 }
-.icon-star:before {
+.icon-square:before {
 	content: "\f1c2";
 }
-@mixin icon-mixin-status-reporting {
+@mixin icon-mixin-star {
     content: "\f1c3";
 }
-.icon-status-reporting:before {
+.icon-star:before {
 	content: "\f1c3";
 }
-@mixin icon-mixin-status {
+@mixin icon-mixin-status-reporting {
     content: "\f1c4";
 }
-.icon-status:before {
+.icon-status-reporting:before {
 	content: "\f1c4";
 }
-@mixin icon-mixin-strike-through {
+@mixin icon-mixin-status {
     content: "\f1c5";
 }
-.icon-strike-through:before {
+.icon-status:before {
 	content: "\f1c5";
 }
-@mixin icon-mixin-text {
+@mixin icon-mixin-strike-through {
     content: "\f1c6";
 }
-.icon-text:before {
+.icon-strike-through:before {
 	content: "\f1c6";
 }
-@mixin icon-mixin-ticket-checked {
+@mixin icon-mixin-text {
     content: "\f1c7";
 }
-.icon-ticket-checked:before {
+.icon-text:before {
 	content: "\f1c7";
 }
-@mixin icon-mixin-ticket-down {
+@mixin icon-mixin-ticket-checked {
     content: "\f1c8";
 }
-.icon-ticket-down:before {
+.icon-ticket-checked:before {
 	content: "\f1c8";
 }
-@mixin icon-mixin-ticket-edit {
+@mixin icon-mixin-ticket-down {
     content: "\f1c9";
 }
-.icon-ticket-edit:before {
+.icon-ticket-down:before {
 	content: "\f1c9";
 }
-@mixin icon-mixin-ticket-minus {
+@mixin icon-mixin-ticket-edit {
     content: "\f1ca";
 }
-.icon-ticket-minus:before {
+.icon-ticket-edit:before {
 	content: "\f1ca";
 }
-@mixin icon-mixin-ticket-note {
+@mixin icon-mixin-ticket-minus {
     content: "\f1cb";
 }
-.icon-ticket-note:before {
+.icon-ticket-minus:before {
 	content: "\f1cb";
 }
-@mixin icon-mixin-ticket {
+@mixin icon-mixin-ticket-note {
     content: "\f1cc";
 }
-.icon-ticket:before {
+.icon-ticket-note:before {
 	content: "\f1cc";
 }
-@mixin icon-mixin-time {
+@mixin icon-mixin-ticket {
     content: "\f1cd";
 }
-.icon-time:before {
+.icon-ticket:before {
 	content: "\f1cd";
 }
-@mixin icon-mixin-toggle {
+@mixin icon-mixin-time {
     content: "\f1ce";
 }
-.icon-toggle:before {
+.icon-time:before {
 	content: "\f1ce";
 }
-@mixin icon-mixin-training-consulting {
+@mixin icon-mixin-toggle {
     content: "\f1cf";
 }
-.icon-training-consulting:before {
+.icon-toggle:before {
 	content: "\f1cf";
 }
-@mixin icon-mixin-types {
+@mixin icon-mixin-training-consulting {
     content: "\f1d0";
 }
-.icon-types:before {
+.icon-training-consulting:before {
 	content: "\f1d0";
 }
-@mixin icon-mixin-underline {
+@mixin icon-mixin-types {
     content: "\f1d1";
 }
-.icon-underline:before {
+.icon-types:before {
 	content: "\f1d1";
 }
-@mixin icon-mixin-undo {
+@mixin icon-mixin-underline {
     content: "\f1d2";
 }
-.icon-undo:before {
+.icon-underline:before {
 	content: "\f1d2";
 }
-@mixin icon-mixin-unit {
+@mixin icon-mixin-undo {
     content: "\f1d3";
 }
-.icon-unit:before {
+.icon-undo:before {
 	content: "\f1d3";
 }
-@mixin icon-mixin-unlocked {
+@mixin icon-mixin-unit {
     content: "\f1d4";
 }
-.icon-unlocked:before {
+.icon-unit:before {
 	content: "\f1d4";
 }
-@mixin icon-mixin-unordered-list {
+@mixin icon-mixin-unlocked {
     content: "\f1d5";
 }
-.icon-unordered-list:before {
+.icon-unlocked:before {
 	content: "\f1d5";
 }
-@mixin icon-mixin-unwatched {
+@mixin icon-mixin-unordered-list {
     content: "\f1d6";
 }
-.icon-unwatched:before {
+.icon-unordered-list:before {
 	content: "\f1d6";
 }
-@mixin icon-mixin-upload {
+@mixin icon-mixin-unwatched {
     content: "\f1d7";
 }
-.icon-upload:before {
+.icon-unwatched:before {
 	content: "\f1d7";
 }
-@mixin icon-mixin-user-minus {
+@mixin icon-mixin-upload {
     content: "\f1d8";
 }
-.icon-user-minus:before {
+.icon-upload:before {
 	content: "\f1d8";
 }
-@mixin icon-mixin-user-plus {
+@mixin icon-mixin-user-minus {
     content: "\f1d9";
 }
-.icon-user-plus:before {
+.icon-user-minus:before {
 	content: "\f1d9";
 }
-@mixin icon-mixin-user {
+@mixin icon-mixin-user-plus {
     content: "\f1da";
 }
-.icon-user:before {
+.icon-user-plus:before {
 	content: "\f1da";
 }
-@mixin icon-mixin-view-fullscreen {
+@mixin icon-mixin-user {
     content: "\f1db";
 }
-.icon-view-fullscreen:before {
+.icon-user:before {
 	content: "\f1db";
 }
-@mixin icon-mixin-view-list {
+@mixin icon-mixin-view-fullscreen {
     content: "\f1dc";
 }
-.icon-view-list:before {
+.icon-view-fullscreen:before {
 	content: "\f1dc";
 }
-@mixin icon-mixin-view-split {
+@mixin icon-mixin-view-list {
     content: "\f1dd";
 }
-.icon-view-split:before {
+.icon-view-list:before {
 	content: "\f1dd";
 }
-@mixin icon-mixin-view-timeline {
+@mixin icon-mixin-view-split {
     content: "\f1de";
 }
-.icon-view-timeline:before {
+.icon-view-split:before {
 	content: "\f1de";
 }
-@mixin icon-mixin-warning {
+@mixin icon-mixin-view-timeline {
     content: "\f1df";
 }
-.icon-warning:before {
+.icon-view-timeline:before {
 	content: "\f1df";
 }
-@mixin icon-mixin-watched {
+@mixin icon-mixin-warning {
     content: "\f1e0";
 }
-.icon-watched:before {
+.icon-warning:before {
 	content: "\f1e0";
 }
-@mixin icon-mixin-wiki-edit {
+@mixin icon-mixin-watched {
     content: "\f1e1";
 }
-.icon-wiki-edit:before {
+.icon-watched:before {
 	content: "\f1e1";
 }
-@mixin icon-mixin-wiki {
+@mixin icon-mixin-wiki-edit {
     content: "\f1e2";
 }
-.icon-wiki:before {
+.icon-wiki-edit:before {
 	content: "\f1e2";
 }
-@mixin icon-mixin-wiki2 {
+@mixin icon-mixin-wiki {
     content: "\f1e3";
 }
-.icon-wiki2:before {
+.icon-wiki:before {
 	content: "\f1e3";
 }
-@mixin icon-mixin-work-packages {
+@mixin icon-mixin-wiki2 {
     content: "\f1e4";
 }
-.icon-work-packages:before {
+.icon-wiki2:before {
 	content: "\f1e4";
 }
-@mixin icon-mixin-workflow {
+@mixin icon-mixin-work-packages {
     content: "\f1e5";
 }
-.icon-workflow:before {
+.icon-work-packages:before {
 	content: "\f1e5";
 }
-@mixin icon-mixin-yes {
+@mixin icon-mixin-workflow {
     content: "\f1e6";
 }
-.icon-yes:before {
+.icon-workflow:before {
 	content: "\f1e6";
 }
-@mixin icon-mixin-zen-mode {
+@mixin icon-mixin-yes {
     content: "\f1e7";
 }
-.icon-zen-mode:before {
+.icon-yes:before {
 	content: "\f1e7";
 }
-@mixin icon-mixin-zoom-in {
+@mixin icon-mixin-zen-mode {
     content: "\f1e8";
 }
-.icon-zoom-in:before {
+.icon-zen-mode:before {
 	content: "\f1e8";
 }
-@mixin icon-mixin-zoom-out {
+@mixin icon-mixin-zoom-in {
     content: "\f1e9";
 }
-.icon-zoom-out:before {
+.icon-zoom-in:before {
 	content: "\f1e9";
 }
+@mixin icon-mixin-zoom-out {
+    content: "\f1ea";
+}
+.icon-zoom-out:before {
+	content: "\f1ea";
+}

app/assets/stylesheets/fonts/_openproject_icon_font.lsg

@@ -170,6 +170,7 @@
 <li><span class="icon icon-quote2"></span>quote2</li>
 <li><span class="icon icon-redo"></span>redo</li>
 <li><span class="icon icon-relation-follows"></span>relation-follows</li>
+<li><span class="icon icon-relation-new-child"></span>relation-new-child</li>
 <li><span class="icon icon-relation-precedes"></span>relation-precedes</li>
 <li><span class="icon icon-reload"></span>reload</li>
 <li><span class="icon icon-reminder"></span>reminder</li>

frontend/app/components/context-menus/wp-context-menu/wp-context-menu.controller.ts

@@ -33,12 +33,14 @@ import {
   WorkPackageResource,
   WorkPackageResourceInterface
 } from "../../api/api-v3/hal-resources/work-package-resource.service";
+import {WorkPackageRelationsHierarchyService} from "../../wp-relations/wp-relations-hierarchy/wp-relations-hierarchy.service";
 
 function wpContextMenuController($scope:any,
                                  $rootScope:ng.IRootScopeService,
                                  $state:ng.ui.IStateService,
                                  WorkPackageContextMenuHelper:any,
                                  WorkPackageService:any,
+                                 wpRelationsHierarchyService:WorkPackageRelationsHierarchyService,
                                  contextMenu:ContextMenuService,
                                  I18n:op.I18n,
                                  $window:ng.IWindowService,
@@ -82,6 +84,11 @@ function wpContextMenuController($scope:any,
         table.timelineController.startAddRelationFollower(wp);
         break;
 
+      case 'relation-new-child':
+        wp = $scope.row.object;
+        wpRelationsHierarchyService.addNewChildWp(wp);
+        break;
+
       default:
         $window.location.href = link;
         break;

frontend/app/components/wp-table/context-menu-helper/wp-context-menu-helper.service.ts

@@ -118,6 +118,15 @@ function WorkPackageContextMenuHelper(
         text: I18n.t("js.relation_buttons.add_follower"),
         link: "addRelation"
       });
+
+      if (!!workPackage.addChild) {
+        allowedActions.push({
+          icon: "relation-new-child",
+          text: I18n.t("js.relation_buttons.add_new_child"),
+          link: "addChild"
+        });
+      }
+
     }
 
     return allowedActions;

spec/features/work_packages/table/context_menu_spec.rb

@@ -63,6 +63,18 @@ describe 'Work package table context menu', js: true do
     goto_context_menu
     menu.choose('Delete')
     wp_table.dismiss_alert_dialog!
+
+    # Open create new child
+    goto_context_menu
+    menu.choose('Create new child')
+    expect(page).to have_selector('.wp-edit-field.subject input')
+
+    task_name = work_package.type.name
+    select task_name, from: 'wp-new-inline-edit--field-type'
+    expect(page).to have_selector('.work-packages--details-content h2', text: "New #{task_name} (Child of #{task_name} ##{work_package.id})")
+
+    find('#work-packages--edit-actions-cancel').click
+    expect(page).to have_no_selector('.wp-edit-field.subject input')
   end
 
   context 'multiple selected' do