mirror of
https://github.com/skoelle/icloud-contacts-sync.git
synced 2026-09-17 23:40:24 +00:00
ui: Gruppen-Tags auf Kontakt-Detailseite wie Sidebar-Cloud
Hover-Effekt und einheitliches Padding für Gruppen-Tags auf der Kontakt-Detailseite, identisch zur Sidebar-Cloud.
This commit is contained in:
@@ -242,11 +242,18 @@
|
|||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.6rem;
|
||||||
background: #e7f3ff;
|
background: #e7f3ff;
|
||||||
color: #0066cc;
|
color: #0066cc;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: background 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag:hover {
|
||||||
|
background: #d0e8ff;
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-data {
|
.no-data {
|
||||||
@@ -427,7 +434,7 @@
|
|||||||
<div class="section-title">Gruppen</div>
|
<div class="section-title">Gruppen</div>
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
{% for g in groups %}
|
{% for g in groups %}
|
||||||
<a href="/search?group={{ g.uid|urlquote }}" class="tag" style="text-decoration:none;color:inherit;">{{ g.name or '(Ohne Name)' }}</a>
|
<a href="/search?group={{ g.uid|urlquote }}" class="tag">{{ g.name or '(Ohne Name)' }}</a>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user