Languages: New interface (#120)

Thanks to @myslivets for the new style!

Closes #120
This commit is contained in:
Ilya Prokopenko 2022-01-19 16:11:29 +03:00
parent 62b0e59904
commit 4e97b1ae02
No known key found for this signature in database
GPG key ID: 7736BBBB05F14A56

View file

@ -6,9 +6,50 @@
{/block}
{block content}
<div class="navigation">
<style>
.navigation-lang {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(5, 1fr);
}
.navigation-lang .link_new {
display: inline-block;
padding: 25px 25px 20px 25px;
text-decoration: none;
border-top: 1px solid #fff;
color: #000;
border-bottom: 0;
border-left: 0;
border-right: 0;
text-align: center;
font-size: 11px;
cursor: pointer;
background: none;
margin-bottom: 1px;
}
.navigation-lang .link_new:hover {
background-color: #E4E4E4;
border-top: 1px solid #CCCCCC;
}
</style>
<div class="navigation-lang">
{foreach $languages as $language}
<a href="language?lg={$language['code']}&hash={urlencode($csrfToken)}" class="link" rel="nofollow"><img src="/assets/packages/static/openvk/img/flags/{$language['flag']}.gif"> {$language['native_name']}</a>
{var $result = preg_match("/(.+)\((.+)\)/", $language['native_name'], $name)}
<a href="language?lg={$language['code']}&hash={urlencode($csrfToken)}" class="link_new" rel="nofollow">
<center><img src="/assets/packages/static/openvk/img/flags/{$language['flag']}.gif"></center>
<br>
{if $result == 1}
{$name[1]}
<br>
<small>{$name[2]}</small>
{else}
{$language['native_name']}
{/if}
</a>
{/foreach}
</div>
{/block}