<div class="flex flex-col flex-1 overflow-hidden {{ classes }}{{^ classes }}h-64 max-w-lg{{/ classes }}"> <div class="overflow-hidden flex flex-1"> <div class="overflow-scroll h-full space-y-px"> <div class="bg-opacity-50 bg-yellow-100 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:55</div> {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight">{{ excerpt.short }}</span> </div> <div class="bg-opacity-50 bg-yellow-100 border-green-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:52</div> {{> molecules-chip(classes: "chip--green-300 chip--condensed", cta: "Schválený návrh postupu")}} </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight">{{ excerpt.short }}</span> </div> <div class="bg-grey-50 bg-opacity-50 border-blue-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:51</div> {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}} </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight">{{ excerpt.short }}</span> </div> <div class="bg-grey-50 bg-opacity-50 border-red-600 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:43</div> {{> molecules-chip(classes: "chip--red-600 chip--condensed font-bold text-xs", cta: "Rozhodující hlasování")}} <a href="#" class="ml-auto p-1 text-xs text-red-600 font-bold">Hlasovat v Heliosu »</a> </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight mb-2">{{ excerpt.short }}</span> </div> <div class="bg-grey-50 bg-opacity-50 border-cyan-500 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:35</div> {{> molecules-chip(classes: "chip--cyan-500 chip--condensed", cta: "Oznámení předsedajícího")}} </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight">{{ excerpt.short }}</span> </div> <div class="bg-grey-50 bg-opacity-50 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:28</div> {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}} </div> </div> <span class="leading-tight">{{ excerpt.short }}</span> </div> <div class="bg-grey-50 bg-opacity-50 border-black border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}"> <div class="flex items-center justify-between mb-2"> <div class="space-x-2 flex items-center"> <div class="font-bold text-sm">11:28</div> {{> molecules-chip(classes: "chip--black chip--condensed", cta: "Zablokovaný účastník")}} </div> {{# action }} <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a> {{/ action}} </div> <span class="leading-tight"><strong>{{ person.first }} {{ person.last }}</strong> byl zablokován.</span> </div> </div> </div> </div>