templates/AppTemplates/layout/share/index.html.twig line 1

Open in your IDE?
  1. <!-- Share CSS  -->
  2. <style>
  3. .sf-minitoolbar {
  4.     display:none!important;
  5. }
  7. .share {
  8.     position:fixed;
  9.     bottom:0;
  10.     width:100%;
  11.     height:auto;
  12.     display:flex;
  13.     z-index:100;
  14.     opacity:0;
  15.     transition: opacity 0.3s ease-in-out;
  16.     animation:1s;
  17. }
  19. .share a {
  20.     display:flex;
  21.     justify-content: center;
  22.     align-items: center;
  23.     width:25%;
  24.     height:32px;
  25. }
  27. .share a i {
  28.     font-size:19px;
  29.     color:white;
  30. }
  32. .share a:nth-child(1) {
  33.     background-color:#6f6f6f;
  34.     color:#00e5e5;
  35.     font-weight:700;
  36.     text-transform:uppercase;
  37.     letter-spacing:0.75px;
  38. }
  40. .share a:nth-child(2) {
  41.     background-color: #3b5999;
  42. }
  44. .share a:nth-child(3) {
  45.     background-color: #0077b5;
  46. }
  48. .share a:nth-child(4) {
  49.     background-color: #38b000;
  50. }
  52. @media screen and (min-width:768px) {
  53.     .share {
  54.         flex-direction: column;
  55.         top:calc(45% - 48px);
  56.         left:calc(100% - 48px);
  57.     }
  58.     .share a {
  59.         width :48px;
  60.         height:48px;
  61.     }
  62. }
  63. </style>
  65. <!-- Share HTML -->
  66. <div class="share">
  67.     {% set currentLocale = app.request.locale %}
  68.     {% for locale in locales %}
  69.         {% if locale != currentLocale %}
  70.             <a href="{{ path('app_' ~ locale) }}">
  71.                 {{ locale }}
  72.             </a>
  73.         {% endif %}
  74.     {% endfor %}
  75.     <a><i class="fas fa-share-alt"></i></a>
  76.     <a><i class="fab fa-linkedin-in"></i></a>
  77.     <a href="tel:0550505050"><i class="fas fa-phone"></i></a>
  78. </div>
  80. <!-- Share JS -->
  81. <script>
  82.     {#% include "appTemplates/layout/share/element.js" %#}
  83. </script>