Skip to content

Add GitLab branding to the left-menu

Eric Eastwood requested to merge 1988-add-gitlab-branding-to-left-menu into develop

Add GitLab branding to the left-menu

Fix https://gitlab.com/gitlab-org/gitter/webapp/-/issues/1988

V1

Colored 1-color
AvXb1rc

V2

Full white Gitter logo and colored GitLab logo

Dev notes

SVGs:

Colored SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1266 559">
            <path
              id="path14"
              class="cls-1"
              d="M839.7,198.19H817.9l.1,162.5h88.3v-20.1H839.8l-.1-142.4Z"
            />
            <g id="g24">
              <path
                id="path26"
                class="cls-1"
                d="M990.33,332.18a37.2,37.2,0,0,1-27,11.4c-16.6,0-23.3-8.2-23.3-18.9,0-16.1,11.2-23.8,35-23.8a104.65,104.65,0,0,1,15.4,1.2v30.1Zm-22.6-98.5a72.19,72.19,0,0,0-46.4,16.7l7.7,13.4c8.9-5.2,19.8-10.4,35.5-10.4,17.9,0,25.8,9.2,25.8,24.6v7.9a99.42,99.42,0,0,0-15.1-1.2c-38.2,0-57.6,13.4-57.6,41.4,0,25.1,15.4,37.7,38.7,37.7,15.7,0,30.8-7.2,36-18.9l4,15.9h15.4v-83.2c-.1-26.3-11.5-43.9-44-43.9Z"
              />
            </g>
            <g id="g28">
              <path
                id="path30"
                class="cls-1"
                d="M1082.07,344.32c-8.2,0-15.4-1-20.8-3.5v-75.1c7.4-6.2,16.6-10.7,28.3-10.7,21.1,0,29.2,14.9,29.2,39,0,34.2-13.1,50.3-36.7,50.3m9.2-110.6a39.93,39.93,0,0,0-30,13.3V226l-.1-27.8h-21.3l.1,158.5c10.7,4.5,25.3,6.9,41.2,6.9,40.7,0,60.3-26,60.3-70.9-.1-35.5-18.2-59-50.2-59"
              />
            </g>
            <g id="g32">
              <path
                id="path34"
                class="cls-1"
                d="M602.34,215.82c19.3,0,31.8,6.4,39.9,12.9l9.4-16.3c-12.7-11.2-29.9-17.2-48.3-17.2-46.4,0-78.9,28.3-78.9,85.4,0,59.8,35.1,83.1,75.2,83.1a127.79,127.79,0,0,0,48.4-9.4l-.5-63.9v-20.1H588v20.1h38l.5,48.5c-5,2.5-13.6,4.5-25.3,4.5-32.2,0-53.8-20.3-53.8-63-.1-43.5,22.2-64.6,54.9-64.6"
              />
            </g>
            <g id="g36">
              <path
                id="path38"
                class="cls-1"
                d="M755.87,198.17h-21.3l.1,27.3v94.3c0,26.3,11.4,43.9,43.9,43.9a70.14,70.14,0,0,0,13.1-1.2v-19.1a62.36,62.36,0,0,1-9.9.7c-17.9,0-25.8-9.2-25.8-24.6v-65h35.7v-17.8H756l-.1-38.5Z"
              />
            </g>
            <path id="path40" class="cls-1" d="M680.4,360.69h21.3v-124H680.4v124Z" />
            <path id="path42" class="cls-1" d="M680.4,219.59h21.3v-21.3H680.4v21.3Z" />
            <g id="g44">
              <path
                id="path46"
                class="cls-2"
                d="M461,301.81l-18.91-58.12L404.67,128.41a6.47,6.47,0,0,0-12.27,0L355,243.62H230.66L193.24,128.41a6.47,6.47,0,0,0-12.27,0L143.62,243.62,124.7,301.81a12.89,12.89,0,0,0,4.66,14.39L292.82,435,456.28,316.2A12.9,12.9,0,0,0,461,301.81"
              />
            </g>
            <g id="g48">
              <path id="path50" class="cls-3" d="M292.86,434.89h0L355,243.61H230.7l62.16,191.28Z" />
            </g>
            <g id="g56">
              <path id="path58" class="cls-2" d="M292.82,434.9,230.66,243.61h-87L292.82,434.9Z" />
            </g>
            <g id="g64">
              <path
                id="path66"
                class="cls-4"
                d="M143.59,243.68h0L124.67,301.8a12.89,12.89,0,0,0,4.66,14.39L292.79,435,143.59,243.68Z"
              />
            </g>
            <g id="g72">
              <path
                id="path74"
                class="cls-3"
                d="M143.61,243.68h87.11L193.23,128.47a6.47,6.47,0,0,0-12.27,0L143.61,243.68Z"
              />
            </g>
            <g id="g76">
              <path id="path78" class="cls-2" d="M292.86,434.9,355,243.61h87.1L292.86,434.9Z" />
            </g>
            <g id="g80">
              <path
                id="path82"
                class="cls-4"
                d="M442.07,243.68h0L461,301.8a12.89,12.89,0,0,1-4.66,14.39L292.87,434.89l149.2-191.21Z"
              />
            </g>
            <g id="g84">
              <path
                id="path86"
                class="cls-3"
                d="M442.12,243.68H355l37.42-115.21a6.47,6.47,0,0,1,12.27,0l37.42,115.21Z"
              />
            </g>
          </svg>
1-color SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1266 559">
            <path class="cls-1" d="M839.7,198.19H817.9l.1,162.5h88.3v-20.1H839.8l-.1-142.4Z" />
            <g>
              <path
                class="cls-1"
                d="M990.33,332.18a37.2,37.2,0,0,1-27,11.4c-16.6,0-23.3-8.2-23.3-18.9,0-16.1,11.2-23.8,35-23.8a104.65,104.65,0,0,1,15.4,1.2v30.1Zm-22.6-98.5a72.19,72.19,0,0,0-46.4,16.7l7.7,13.4c8.9-5.2,19.8-10.4,35.5-10.4,17.9,0,25.8,9.2,25.8,24.6v7.9a99.42,99.42,0,0,0-15.1-1.2c-38.2,0-57.6,13.4-57.6,41.4,0,25.1,15.4,37.7,38.7,37.7,15.7,0,30.8-7.2,36-18.9l4,15.9h15.4v-83.2c-.1-26.3-11.5-43.9-44-43.9Z"
              />
            </g>
            <g>
              <path
                class="cls-1"
                d="M1082.07,344.32c-8.2,0-15.4-1-20.8-3.5v-75.1c7.4-6.2,16.6-10.7,28.3-10.7,21.1,0,29.2,14.9,29.2,39,0,34.2-13.1,50.3-36.7,50.3m9.2-110.6a39.93,39.93,0,0,0-30,13.3V226l-.1-27.8h-21.3l.1,158.5c10.7,4.5,25.3,6.9,41.2,6.9,40.7,0,60.3-26,60.3-70.9-.1-35.5-18.2-59-50.2-59"
              />
            </g>
            <g>
              <path
                class="cls-1"
                d="M602.34,215.82c19.3,0,31.8,6.4,39.9,12.9l9.4-16.3c-12.7-11.2-29.9-17.2-48.3-17.2-46.4,0-78.9,28.3-78.9,85.4,0,59.8,35.1,83.1,75.2,83.1a127.79,127.79,0,0,0,48.4-9.4l-.5-63.9v-20.1H588v20.1h38l.5,48.5c-5,2.5-13.6,4.5-25.3,4.5-32.2,0-53.8-20.3-53.8-63-.1-43.5,22.2-64.6,54.9-64.6"
              />
            </g>
            <g>
              <path
                class="cls-1"
                d="M755.87,198.17h-21.3l.1,27.3v94.3c0,26.3,11.4,43.9,43.9,43.9a70.14,70.14,0,0,0,13.1-1.2v-19.1a62.36,62.36,0,0,1-9.9.7c-17.9,0-25.8-9.2-25.8-24.6v-65h35.7v-17.8H756l-.1-38.5Z"
              />
            </g>
            <path class="cls-1" d="M680.4,360.69h21.3v-124H680.4v124Z" />
            <path class="cls-1" d="M680.4,219.59h21.3v-21.3H680.4v21.3Z" />
            <path
              class="cls-1"
              d="M461.49,297.63,443.71,243a7.84,7.84,0,0,0-.44-1.48l-35.66-109.8a14.21,14.21,0,0,0-13.55-9.67,13.94,13.94,0,0,0-13.38,9.76l-34,104.63H239.37L205.32,131.8A13.92,13.92,0,0,0,192,122.05h-.08a14.22,14.22,0,0,0-13.5,9.76L142.73,241.75c0,.09-.08.18-.11.27l-18.1,55.61a20.26,20.26,0,0,0,7.36,22.71L288.26,434a8,8,0,0,0,9.46-.05h0L454.13,320.34A20.26,20.26,0,0,0,461.49,297.63ZM227.73,252.5l43.6,134.15L166.69,252.5Zm87,134.18,41.8-128.61,1.81-5.57h61.09L324.76,373.78Zm79.47-244.57,30.64,94.33H363.52ZM341.49,252.44,311.12,345.9,293,401.55,244.58,252.44ZM191.85,142.11l30.7,94.33H161.27ZM141.29,307.4a4.3,4.3,0,0,1-1.56-4.82l13.44-41.29,98.57,126.37Zm303.43,0L334.26,387.61l.38-.48,98.2-125.84,13.43,41.28A4.31,4.31,0,0,1,444.72,307.4Z"
            />
          </svg>
Edited by Eric Eastwood

Merge request reports