YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

simplify styling of tiles

Browse source
This commit is contained in:
chateau 2019-02-26 10:41:12 +01:00
parent 32323b4980
commit 91cca157c8
3 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
portal/assets/css/ynh-style.css
View file

@ -335,9 +335,8 @@ textarea {
display: block;
margin: -1.2em 0 0 0.2em;
}
.listing-apps .first-letter { margin: 0; }
.listing-apps .first-letter:before {
content: attr(data-first-letter);
.listing-apps .first-letter {
margin: 0;
display: inline-block;
}
.listing-apps .name {

2
portal/assets/js/ynhpanel.js
View file

@ -350,7 +350,7 @@ function set_app_tile_style(el)
// Add color class.
el.classList.add(app_tile_colors[randomColorNumber]);
// Set first-letter data attribute.
el.querySelector('.first-letter').setAttribute('data-first-letter', el.textContent.substring(0, 2));
el.querySelector('.first-letter').innerHTML = el.getAttribute("data-appname").substring(0, 2);
}
function tweak_portal_when_in_iframe()

7
portal/info.html
View file

@ -14,7 +14,12 @@
<div id="apps" class="wrapper apps">
<ul class="listing-apps">
{{#app}}
<li><a class="app-tile" href="https://{{url}}"><span class="first-letter"></span><span class="name">{{name}}</span></a></li>
<li>
<a class="app-tile" href="https://{{url}}" data-appname="{{name}}">
<span class="first-letter"></span>
<span class="name">{{name}}</span>
</a>
</li>
{{/app}}
</ul>
</div>