roundabout,
created on Friday, 6 September 2024, 19:34:36 (1725651276),
received on Friday, 6 September 2024, 19:35:57 (1725651357)
Author identity: vlad <vlad.muntoiu@gmail.com>
ace96f0b0488e7ef2335c3f4559d6bca10972b5a
static/style.css
@@ -139,7 +139,7 @@ iconify-icon {
.shape-label {
position: absolute;
font-weight: 500;
color: var(--color-shape-label-text);
color: var(--color-shape-label-text) !important;
pointer-events: auto;
height: 28px;
padding-left: 8px;
@@ -158,6 +158,11 @@ iconify-icon {
transform: scale(0);
transform-origin: top left;
z-index: 3;
text-decoration: none;
}
.shape-label:hover {
text-decoration: underline;
}
/* Only show region parts when checkbox is checked */
@@ -327,9 +332,21 @@ small {
background: var(--color-card);
}
.thumbnail-list > li:hover {
.thumbnail-list > li > a {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.thumbnail-list > li:is(:hover, :focus, :has(:focus)) {
position: relative;
transform: scale(1.5);
z-index: 1;
box-shadow: var(--shadow-card), 0 4px 32px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.08);
}
.thumbnail-list > li .list-detail {
padding: 8px;
display: block;
}
templates/picture.html
@@ -2,9 +2,9 @@
{% block title %}Picture {{ resource.title }} | gigadata{% endblock %}
{% macro shape_label(x, y, text) %}
{% if text %}
<div class="shape-label" style="left: {{ x * 100 }}%; top: {{ y * 100 }}%">
<a class="shape-label" style="left: {{ x * 100 }}%; top: {{ y * 100 }}%" href="/object/{{ text }}">
{{ text }}
</div>
</a>
{% endif %}
{% endmacro %}
{% block content %}