Display fixes on resources, links added
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/labhelper) (push) Successful in 16s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/labhelper-data-loader) (push) Successful in 4s

This commit is contained in:
2026-01-05 14:52:12 +01:00
parent 35140e9686
commit 074f9263dd
3 changed files with 17 additions and 8 deletions

View File

@@ -330,7 +330,7 @@ The project uses a base template system at `labhelper/templates/base.html`. All
- Cards: White with subtle shadows - Cards: White with subtle shadows
**Components:** **Components:**
- **Navigation**: Glassmorphism effect with blur backdrop - **Navigation**: Glassmorphism effect with blur backdrop. Desktop (≥769px) shows horizontal menu with dropdown for authenticated user (contains Box Management, Resources, Admin, Logout)
- **Buttons**: Gradient backgrounds with hover lift effect - **Buttons**: Gradient backgrounds with hover lift effect
- **Cards**: White with rounded corners and box shadows - **Cards**: White with rounded corners and box shadows
- **Tables**: Gradient headers with hover row effects - **Tables**: Gradient headers with hover row effects
@@ -352,7 +352,7 @@ The project uses a base template system at `labhelper/templates/base.html`. All
- Grid layouts with `repeat(auto-fill, minmax(250px, 1fr))` - Grid layouts with `repeat(auto-fill, minmax(250px, 1fr))`
- Flexbox for component layouts - Flexbox for component layouts
- Breakpoints handled by grid and flex-wrap - Breakpoints handled by grid and flex-wrap
- **Navigation**: Responsive navbar with hamburger menu on mobile (≤768px) and full horizontal menu on desktop (≥769px) - **Navigation**: Responsive navbar with hamburger menu on mobile (≤768px) and horizontal menu with user dropdown on desktop (≥769px). Mobile keeps all items in the dropdown list
### CSS Guidelines ### CSS Guidelines
@@ -439,6 +439,13 @@ The project uses a base template system at `labhelper/templates/base.html`. All
</p> </p>
``` ```
7. **Icon alignment in lists**: When using icons in list items, use fixed width containers to ensure proper alignment
```django
<a href="{% url 'thing_detail' thing.id %}" style="display: inline-block; width: 20px; text-align: center;">
<i class="fas fa-link"></i>
</a>
```
### Markdown Support ### Markdown Support
The `Thing.description` field supports Markdown formatting with HTML sanitization for security. The `Thing.description` field supports Markdown formatting with HTML sanitization for security.

View File

@@ -27,7 +27,7 @@ spec:
mountPath: /data mountPath: /data
containers: containers:
- name: web - name: web
image: git.baumann.gr/adebaumann/labhelper:0.054 image: git.baumann.gr/adebaumann/labhelper:0.055
imagePullPolicy: Always imagePullPolicy: Always
ports: ports:
- containerPort: 8000 - containerPort: 8000

View File

@@ -18,11 +18,13 @@
<ul style="list-style: none; padding: 0;"> <ul style="list-style: none; padding: 0;">
{% for resource in resources %} {% for resource in resources %}
<li style="padding: 8px 0; border-bottom: 1px solid #eee;"> <li style="padding: 8px 0; border-bottom: 1px solid #eee;">
{% if resource.type == 'link' %} <a href="{% url 'thing_detail' resource.thing_id %}" style="display: inline-block; width: 20px; text-align: center; color: #667eea; text-decoration: none;">
<i class="fas fa-link" style="color: #667eea;"></i> {% if resource.type == 'link' %}
{% else %} <i class="fas fa-link"></i>
<i class="fas fa-file" style="color: #667eea;"></i> {% else %}
{% endif %} <i class="fas fa-file"></i>
{% endif %}
</a>
<strong>{{ resource.thing_name }}</strong>: <strong>{{ resource.thing_name }}</strong>:
{% if resource.type == 'link' %} {% if resource.type == 'link' %}
<a href="{{ resource.url }}" target="_blank" rel="noopener noreferrer">{{ resource.title }}</a> <a href="{{ resource.url }}" target="_blank" rel="noopener noreferrer">{{ resource.title }}</a>