maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(mobile): move whats-new CSS to index.html extra_css block (inline styles)
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
microsoft-fluent.css is not loaded as a stylesheet — all styles are inline
in base.html. Moved the widget CSS to index.html's extra_css block where
it will actually be applied.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-28 03:57:59 +01:00
parent 07baf43c56
commit 31865f1328
2 changed files with 62 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
static/css/microsoft-fluent.css
View File

@ -990,65 +990,3 @@ small, .small { font-size: var(--fluent-font-size-caption); color: var(--fluent-
.theme-name {
font-weight: 500;
}
/* What's New Widget */
.whats-new-widget {
display: flex;
align-items: flex-start;
gap: var(--spacing-md);
background: var(--surface);
border: 1px solid var(--border-color, #e5e7eb);
border-left: 4px solid var(--primary);
border-radius: var(--radius-lg);
padding: var(--spacing-md) var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.whats-new-icon {
font-size: 1.5rem;
flex-shrink: 0;
margin-top: 2px;
}
.whats-new-items {
font-size: var(--font-size-sm);
color: var(--text-secondary);
margin-top: 4px;
}
.whats-new-item {
padding: 3px 0;
}
.whats-new-link {
color: var(--primary);
font-weight: 500;
font-size: var(--font-size-sm);
white-space: nowrap;
flex-shrink: 0;
text-decoration: none;
margin-top: 2px;
}
.whats-new-link:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.whats-new-widget {
gap: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md);
}
.whats-new-icon {
font-size: 1.2rem;
}
.whats-new-desc {
display: none;
}
.whats-new-extra {
display: none;
}
}

62
templates/index.html
View File

@ -899,6 +899,68 @@
flex-direction: column;
}
}
/* What's New Widget */
.whats-new-widget {
display: flex;
align-items: flex-start;
gap: var(--spacing-md);
background: var(--surface);
border: 1px solid var(--border-color, #e5e7eb);
border-left: 4px solid var(--primary);
border-radius: var(--radius-lg);
padding: var(--spacing-md) var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.whats-new-icon {
font-size: 1.5rem;
flex-shrink: 0;
margin-top: 2px;
}
.whats-new-items {
font-size: var(--font-size-sm);
color: var(--text-secondary);
margin-top: 4px;
}
.whats-new-item {
padding: 3px 0;
}
.whats-new-link {
color: var(--primary);
font-weight: 500;
font-size: var(--font-size-sm);
white-space: nowrap;
flex-shrink: 0;
text-decoration: none;
margin-top: 2px;
}
.whats-new-link:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.whats-new-widget {
gap: var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md);
}
.whats-new-icon {
font-size: 1.2rem;
}
.whats-new-desc {
display: none;
}
.whats-new-extra {
display: none;
}
}
{% endblock %}
{% block content %}