templates/result-group.html.twig line 1

Open in your IDE?
  1. <link rel='stylesheet' id='agon-theme-style-css'  href='/styles.css' type='text/css' media='all' />
  2. <link href="https://fonts.googleapis.com/css?family=Roboto:400%7CChivo:700%7CNoto+Sans:400&display=swap" rel="stylesheet" property="stylesheet" media="all" type="text/css" >
  4. <style>
  5.     .result {
  6.         padding: 30px;
  7.         border: 1px solid #DDD;
  8.         border-radius: 40px;
  9.         background: #FFF;
  10.         max-height: 500px;
  11.         overflow: auto;
  12.     }
  14.     .result-item, .result-not-found {
  15.         display: inline-block;
  16.         width: 100%;
  17.         margin: 5px 0;
  18.         font-size: 16px;
  19.         line-height: 22px;
  20.         font-family: "Noto Sans", Sans-serif;
  21.     }
  23.     .result-item {
  24.         float: left;
  25.     }
  27.     .result-total {
  28.         margin-top: 30px;
  29.         display: inline-block;
  30.         width: 100%;
  31.         text-align: right;
  32.         font-family: "Chivo", Sans-serif;
  33.         font-weight: 600;
  34.     }
  36.     .result-source {
  37.         display: inline-block;
  38.         /*width: 100%;*/
  39.         color: #4c4c4c;
  40.         font-family: "Chivo", Sans-serif;
  41.         font-size: 12px;
  42.         font-weight: 600;
  43.     }
  45.     .group {
  46.         display: inline-block;
  47.         margin-bottom: 20px;
  48.     }
  50.     .group--title {
  51.         font-weight: bold;
  52.     }
  54.     em {
  55.         color: #f15a3c;
  56.     }
  58.     .more {
  59.         font-weight: 600;
  60.         margin: 10px 0;
  61.         display: inline-block;
  62.     }
  63. </style>
  65. <div class="result">
  66.     {% if total == 0 %}
  67.         {% if language == 'lt' %}
  68.             <div class="result-not-found">Duomenų nerasta</div>
  69.         {% else %}
  70.             <div class="result-not-found">No results found</div>
  71.         {% endif %}
  72.     {% else %}
  73.         {% if language == 'lt' %}
  74.             <div class="result-total">Paieškos rezultatai ({{ total }})</div>
  75.         {% else %}
  76.             <div class="result-total">Search results ({{ total }})</div>
  77.         {% endif %}
  78.         {% for group in groups %}
  80.             {% if group.total %}
  81.                 <div class="group">
  82.                     <div class="group--title">
  83.                         <div class="btn btn--tag animated fadeInDown">
  84.                             <div class="tag-circle"></div>
  85.                             {{ group.title }} ({{ group.total }})
  86.                         </div>
  87.                     </div>
  88.                     {% for item in group.items %}
  89.                         <div class="result-item">
  90.                             <a href="{{ item.link }}" target="_blank">{{ item.text|raw }}</a>
  91.                             {% if item.source %}
  92.                                 <br>
  93.                                 <div class="result-source"> {{ item.source }} {% if item.category %}| {{ item.category }}{% endif %}</div>
  94.                             {% endif %}
  95.                         </div>
  96.                     {% endfor %}
  97.                 </div>
  98.             {% endif %}
  100.         {% endfor %}
  101.     {% endif %}
  102. </div>