stefankoelle/icloud-contacts-sync
1
0
Fork 0
mirror of https://github.com/skoelle/icloud-contacts-sync.git synced 2026-09-17 23:40:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

sidebar improve

Browse Source
This commit is contained in:
stefankoelle
2026-08-07 14:51:00 +02:00
parent 5da259141d
commit 3dfff404b9
3 changed files with 63 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/templates/_sidebar.html
+61
View File
@@ -0,0 +1,61 @@
<!-- Copyright (c) 2026 Stefan Koelle (https://stefankoelle.de) -->
<!-- Licensed under the MIT License. See LICENSE file in project root for details. -->
<style>
.special-searches-box {
position: fixed;
top: 136px;
right: 2rem;
width: 280px;
background: #fff;
border-radius: 8px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
max-height: calc(100vh - 4rem);
overflow-y: auto;
}
.special-search-link {
display: block;
padding: 0.75rem;
background: #f8f9fa;
border-radius: 6px;
color: #0066cc;
text-decoration: none;
font-size: 0.875rem;
transition: background 0.15s ease;
}
.special-search-link:hover {
background: #e7f3ff;
text-decoration: underline;
}
.sidebar-section-title {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #888;
margin-bottom: 0.75rem;
}
.sidebar-section-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media (max-width: 1450px) {
.special-searches-box {
display: none;
}
}
</style>
<div class="special-searches-box">
<div class="sidebar-section-title">Special Searches</div>
<div class="sidebar-section-list">
<a href="/search/special?type=no_photo" class="special-search-link">ohne Bild</a>
<a href="/search/special?type=no_city" class="special-search-link">ohne City</a>
<a href="/search/special?type=no_social" class="special-search-link">ohne Social</a>
</div>
</div>
src/api/templates/dashboard.html
+1 -58
View File
@@ -242,56 +242,6 @@
.search-form button:hover { .search-form button:hover {
background: #0055aa; background: #0055aa;
} }
.special-searches-box {
position: fixed;
top: 136px;
right: 2rem;
width: 280px;
background: #fff;
border-radius: 8px;
padding: 1rem 1.25rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
max-height: calc(100vh - 4rem);
overflow-y: auto;
}
.special-search-link {
display: block;
padding: 0.75rem;
background: #f8f9fa;
border-radius: 6px;
color: #0066cc;
text-decoration: none;
font-size: 0.875rem;
transition: background 0.15s ease;
}
.special-search-link:hover {
background: #e7f3ff;
text-decoration: underline;
}
.sidebar-section-title {
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #888;
margin-bottom: 0.75rem;
}
.sidebar-section-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@media (max-width: 1450px) {
.special-searches-box {
display: none;
}
}
</style> </style>
</head> </head>
<body> <body>
@@ -379,14 +329,7 @@
{% endif %} {% endif %}
</div> </div>
<div class="special-searches-box"> {% include "_sidebar.html" %}
<div class="sidebar-section-title">Special Searches</div>
<div class="sidebar-section-list">
<a href="/search/special?type=no_photo" class="special-search-link">ohne Bild</a>
<a href="/search/special?type=no_city" class="special-search-link">ohne City</a>
<a href="/search/special?type=no_social" class="special-search-link">ohne Social</a>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>
src/api/templates/index.html
+1
View File
@@ -222,6 +222,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% include "_sidebar.html" %}
</div> </div>
</body> </body>
</html> </html>