Preparation für multiple icon styles / improved code

This commit is contained in:
Michael 2024-11-09 14:39:32 +00:00
parent c8a4b67414
commit a4c5d7539c
368 changed files with 1949 additions and 1009 deletions

File diff suppressed because it is too large Load diff

View file

@ -38,8 +38,8 @@
{{foreach $gservers as $gserver}}
<tr>
<td class="text-center">
<span class="network-label icon" alt="{{$gserver.network_name}}" title="{{$gserver.network_name}}">
<i class="fa fa-{{$gserver.network_icon}}"></i>
<span class="network-label icon">
<img class="network-svg" src="{{$gserver.network_svg}}" alt="{{$gserver.network_name}}" title="{{$gserver.network_name}}" loading="lazy"/>
</span>
</td>
<th>{{$gserver.site_name|default:$gserver.domain}}</th>

View file

@ -30,7 +30,7 @@
{{include file="field_select.tpl" field=$preview_mode}}
{{include file="field_checkbox.tpl" field=$hide_empty_descriptions}}
{{include file="field_checkbox.tpl" field=$hide_custom_emojis}}
{{include file="field_checkbox.tpl" field=$black_platform_icons}}
{{include file="field_select.tpl" field=$platform_icon_style}}
<h2>{{$timeline_title}}</h2>
{{$timeline_explanation}}
<table class="table table-condensed table-striped table-bordered">

View file

@ -30,14 +30,10 @@
<div class="preferences">
{{if $network_svg && $link}}
<span class="wall-item-network"><a href="{{$link}}" class="plink u-url" target="_blank"><img class="network-svg" src="{{$network_svg}}" alt="{{$network_name}} - {{$link_title}}" title="{{$network_name}} - {{$link_title}}" loading="lazy"/></a></span>
{{elseif $network_icon && $link}}
<span class="wall-item-network"><a href="{{$link}}" class="plink u-url" aria-label="{{$link_title}}" target="_blank"><i class="fa fa-{{$network_icon}} fakelink" title="{{$network_name}} - {{$link_title}}" aria-hidden="true"></i></a></span>
{{elseif $link}}
<a href="{{$link}}" class="plink u-url" aria-label="{{$link_title}}" title="{{$network_name}} - {{$link_title}}" target="_blank">{{$network_name}}</a>
{{elseif $network_icon}}
<span class="wall-item-network"><img class="network-svg" src="{{$network_svg}}" title="{{$network_name}}" loading="lazy" aria-hidden="true"/></span>
{{elseif $network_icon}}
<span class="wall-item-network"><i class="fa fa-{{$network_icon}}" title="{{$network_name}}" aria-hidden="true"></i></span>
{{elseif $network_svg}}
<span class="wall-item-network"><img class="network-svg" src="{{$network_svg}}" alt="{{$network_name}} - {{$link_title}}" title="{{$network_name}} - {{$link_title}}" loading="lazy"/></span>
{{else}}
<span class="wall-item-network" title="{{$app}}">{{$network_name}}</span>
{{/if}}

View file

@ -178,10 +178,6 @@ main .nav-tabs > li.active > a:hover {
border: 0;
}
.network-svg {
background-color: $font_color;
}
.badge {
background-color: $nav_bg;
}

View file

@ -167,10 +167,6 @@ main .nav-tabs > li.active > a:hover {
border: 0;
}
.network-svg {
background-color: $font_color;
}
.badge {
background-color: $nav_bg;
}

View file

@ -37,14 +37,10 @@
<div class="preferences">
{{if $item.network_svg && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" target="_blank"><img class="network-svg" src="{{$item.network_svg}}" alt="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" loading="lazy"/></a></span>
{{elseif $item.network_icon && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" target="_blank"><i class="fa fa-{{$item.network_icon}} fakelink" title="{{$item.network_name}} - {{$item.plink.title}}" aria-hidden="true"></i></a></span>
{{elseif $item.plink}}
<a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" target="_blank">{{$item.network_name}}</a>
{{elseif $item.network_icon}}
{{elseif $item.network_svg}}
<span class="wall-item-network"><img class="network-svg" src="{{$item.network_svg}}" title="{{$item.network_name}}" loading="lazy" aria-hidden="true"/></span>
{{elseif $item.network_icon}}
<span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
{{else}}
<span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
{{/if}}
@ -92,15 +88,15 @@
{{* contact info header for smartphones *}}
<div class="contact-info contact-info-xs hidden-lg hidden-md">
<div class="preferences">
{{if $item.network_icon && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" target="_blank"><i class="fa fa-{{$item.network_icon}} fakelink" title="{{$item.network_name}} - {{$item.plink.title}}" aria-hidden="true"></i></a></span>
{{if $item.network_svg && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" target="_blank"><img class="network-svg" src="{{$item.network_svg}}" alt="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" loading="lazy"/></a></span>
{{elseif $item.plink}}
<a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" target="_blank">{{$item.network_name}}</a>
{{elseif $item.network_icon}}
<span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
{{else}}
<span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
{{/if}}
<a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" target="_blank">{{$item.network_name}}</a>
{{elseif $item.network_svg}}
<span class="wall-item-network"><img class="network-svg" src="{{$item.network_svg}}" alt="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" loading="lazy"/></span>
{{else}}
<span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
{{/if}}
</div>
<h5 class="media-heading">
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>

View file

@ -77,7 +77,7 @@
{{include file="field_select.tpl" field=$preview_mode}}
{{include file="field_checkbox.tpl" field=$hide_empty_descriptions}}
{{include file="field_checkbox.tpl" field=$hide_custom_emojis}}
{{include file="field_checkbox.tpl" field=$black_platform_icons}}
{{include file="field_select.tpl" field=$platform_icon_style}}
</div>
<div class="panel-footer">
<button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>

View file

@ -128,14 +128,10 @@ as the value of $top_child_total (this is done at the end of this file)
<div class="preferences">
{{if $item.network_svg && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" target="_blank"><img class="network-svg" src="{{$item.network_svg}}" alt="{{$item.network_name}} - {{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" loading="lazy"/></a></span>
{{elseif $item.network_icon && $item.plink}}
<span class="wall-item-network"><a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" target="_blank"><i class="fa fa-{{$item.network_icon}} fakelink" title="{{$item.network_name}} - {{$item.plink.title}}" aria-hidden="true"></i></a></span>
{{elseif $item.plink}}
<a href="{{$item.plink.href}}" class="plink u-url" aria-label="{{$item.plink.title}}" title="{{$item.network_name}} - {{$item.plink.title}}" target="_blank">{{$item.network_name}}</a>
{{elseif $item.network_icon}}
{{elseif $item.network_svg}}
<span class="wall-item-network"><img class="network-svg" src="{{$item.network_svg}}" title="{{$item.network_name}}" loading="lazy" aria-hidden="true"/></span>
{{elseif $item.network_icon}}
<span class="wall-item-network"><i class="fa fa-{{$item.network_icon}}" title="{{$item.network_name}}" aria-hidden="true"></i></span>
{{else}}
<span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
{{/if}}