summaryrefslogtreecommitdiffstats
path: root/browser/base/content/swipe-navigation.inc.xhtml
blob: c72af7fdee17eb189b1ea7bf147f1b58f7736b07 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
#
# This file has an SVG icon for the swipe navigation. It's merged into
# browser.xhtml at build time so that loading the SVG during browser starting
# up can be avoided.
#
# Note that the real navigation icon is cloned and injected into the browserStack
# <stack> element in each tab when needed, so the SVG here is being hidden.
  <hbox hidden="true">
#ifdef XP_MACOSX
  <svg id="swipe-nav-icon" class="swipe-nav-icon"
       width="25" height="49" viewBox="0 0 25 49" fill="none"
       xmlns="http://www.w3.org/2000/svg">
      <path class="swipe-nav-icon-circle" d="M.5,.5V48.5c13.23,0,24-10.77,24-24S13.73,.5,.5,.5Z"/>
      <path class="swipe-nav-icon-circle-outline" d="M.5,0H0V49H.5c13.51,0,24.5-10.99,24.5-24.5S14.01,0,.5,0ZM.5,48.5V.5C13.73,.5,24.5,11.27,24.5,24.5S13.73,48.5,.5,48.5Z"/>
      <path class="swipe-nav-icon-arrow" d="M13.15,24.43H4.76l3.19-3.19c.08-.09,.13-.2,.13-.33,0-.12-.05-.24-.14-.32-.09-.09-.2-.13-.32-.14-.12,0-.24,.04-.33,.13l-4.05,4.05v.51l4.05,4.05s.09,.08,.15,.1c.06,.02,.12,.04,.18,.04s.12-.01,.18-.04c.06-.02,.11-.06,.15-.1,.09-.09,.14-.2,.14-.33s-.05-.24-.14-.33l-3.19-3.19H13.15c.12,0,.24-.05,.33-.14,.09-.09,.14-.2,.14-.33s-.05-.24-.14-.33c-.09-.09-.2-.14-.33-.14Z"/>
  </svg>
#else
#
# To make the edges of the circle clear during the animations, there are two
# <circle> elements and the lower one is used for the glowing effect.
#
  <svg id="swipe-nav-icon" class="swipe-nav-icon"
       width="66" height="66" viewBox="0 0 66 66" fill="none"
       xmlns="http://www.w3.org/2000/svg">
  <circle cx="33" cy="33" r="30" />
  <circle cx="33" cy="33" r="12" />
  <path d="M37.6481 32.9253H29.2578L32.4489 29.7341C32.5321 29.6465 32.5778 29.5298 32.5763 29.4089C32.5747 29.288 32.526 29.1725 32.4405 29.087C32.355 29.0015 32.2395 28.9528 32.1186 28.9512C31.9977 28.9496 31.881 28.9954 31.7933 29.0786L27.7408 33.1334V33.6438L31.7941 37.6978C31.837 37.741 31.888 37.7753 31.9442 37.7987C32.0004 37.8221 32.0606 37.8341 32.1215 37.8341C32.1823 37.8341 32.2426 37.8221 32.2988 37.7987C32.355 37.7753 32.406 37.741 32.4489 37.6978C32.5354 37.6107 32.584 37.4929 32.584 37.3701C32.584 37.2473 32.5354 37.1294 32.4489 37.0423L29.2578 33.8512H37.6481C37.7709 33.8512 37.8887 33.8024 37.9755 33.7156C38.0623 33.6288 38.1111 33.511 38.1111 33.3882C38.1111 33.2654 38.0623 33.1477 37.9755 33.0609C37.8887 32.974 37.7709 32.9253 37.6481 32.9253Z" />
  </svg>
#endif
  </hbox>