minor adjustment of rating star style

This commit is contained in:
Your Name 2024-04-14 18:40:45 -04:00 committed by Henri Dickson
parent 55701c1ffe
commit 475b9b9467
4 changed files with 11 additions and 7 deletions

View file

@ -55,7 +55,6 @@
{% endif %}
</span>
<span>
{% if comment.rating_grade %}{{ comment.rating_grade|rating_star }}{% endif %}
<a href="{{ comment.owner.url }}"
class="nickname"
title="@{{ comment.owner.handle }}">{{ comment.owner.display_name }}</a>
@ -69,7 +68,12 @@
{% if comment.item != item %}
<a href="{{ comment.item_url }}">{{ comment.item.title }}</a><small class="title_deco">{{ comment.item.title_deco }}</small>
{% endif %}
<div class="tldr" _="on click toggle .tldr on me">{{ comment.html|safe }}</div>
<div class="tldr" _="on click toggle .tldr on me">
<span>
{% if comment.rating_grade %}{{ comment.rating_grade|rating_star }}{% endif %}
</span>
{{ comment.html|safe }}
</div>
{% if comment.latest_post %}<div id="replies_{{ comment.latest_post.pk }}"></div>{% endif %}
</section>
{% else %}

View file

@ -94,7 +94,8 @@
// Rating Star with Font Awesome
.rating-star {
position: relative;
vertical-align: middle;
vertical-align: bottom;
color: var(--pico-mark-background-color);
font-family: FontAwesome;
display: inline-block;
}

View file

@ -45,7 +45,7 @@
style.innerHTML = ".solo-hidden {display: none;}";
document.head.appendChild(style);
}
$('html').attr('data-theme', localStorage.getItem("theme_color"))
$('html').attr('data-theme', localStorage.getItem("theme_color")||null)
})();
</script>
<link rel="icon" href="{{ site_icon }}">

View file

@ -202,7 +202,7 @@
</form>
</details>
<script>
var _c=$('html').attr('data-theme')||null;
var _c=$('html').attr('data-theme')||"";
if (_c=="light") $('input[id=theme_light]').prop('checked', true);
if (_c=="dark") $('input[id=theme_dark]').prop('checked', true);
if (!_c) $('input[id=theme_auto]').prop('checked', true);
@ -210,8 +210,7 @@
$("#solo_mode").prop("checked", localStorage.getItem("solo_mode")=="1");
function save_local() {
var _c=$('input[name=theme_color]:checked').val();
if (_c=="") _c=null;
$('html').attr('data-theme', _c);
$('html').attr('data-theme', _c||"");
localStorage.setItem("theme_color", _c);
localStorage.setItem("user_style", $("#user_style").val());
localStorage.setItem("solo_mode", $("#solo_mode").prop("checked")?"1":"0");