Skip to content

Minor UI consistency improvements #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
siulca wants to merge 7 commits into
base: rework-health-audit
Choose a base branch
from
Open

Minor UI consistency improvements #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
2a468e5
made vertical padding between panels consistent
siulca Feb 13, 2026
c8cf0aa
knots nodes chart tooltip background matches other chart and makes te…
siulca Feb 13, 2026
13c43fc
removed uncessary chart tooltip colour and aligned text left for cons…
siulca Feb 13, 2026
ce84eee
changed local dev proxy target url to point to .guide
siulca Feb 13, 2026
feaeab9
reverted imports auto organize
siulca Feb 13, 2026
10c0b07
fixed knots chart not animating on hover
siulca Feb 13, 2026
5225b42
made charts label lines length consistent
siulca Feb 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions frontend/proxy.conf.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,14 +26,14 @@ PROXY_CONFIG = [
'!/liquidtestnet', '!/liquidtestnet/**', '!/liquidtestnet/',
'/testnet/api/**', '/signet/api/**', '/testnet4/api/**'
],
target: "https://mempool.space",
target: "https://mempool.guide",
ws: true,
secure: false,
changeOrigin: true
},
{
context: ['/api/v1/ws'],
target: "https://mempool.space",
target: "https://mempool.guide",
ws: true,
secure: false,
changeOrigin: true,
Expand All @@ -57,7 +57,7 @@ PROXY_CONFIG = [
},
{
context: ['/resources/mining-pools/**'],
target: "https://mempool.space",
target: "https://mempool.guide",
secure: false,
changeOrigin: true
}
Expand All @@ -75,7 +75,7 @@ if (configContent && configContent.BASE_MODULE == "liquid") {
} else {
PROXY_CONFIG.push({
context: ['/resources/assets.json', '/resources/assets.minimal.json', '/resources/worldmap.json'],
target: "https://mempool.space",
target: "https://mempool.guide",
secure: false,
changeOrigin: true,
});
Expand Down
8 changes: 6 additions & 2 deletions frontend/src/app/components/knots-nodes-chart/knots-nodes-chart.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -190,13 +190,14 @@ export class KnotsNodesChartComponent implements OnInit {
}

this.chartOptions = {
animation: false,
animation: true,
color: ['#1E88E5', '#8E24AA'],
tooltip: {
trigger: 'item',
textStyle: {
align: 'left',
}
},
backgroundColor: 'rgba(17, 19, 31, 1)',
},
series: [
{
Expand All @@ -207,6 +208,7 @@ export class KnotsNodesChartComponent implements OnInit {
radius: pieSize,
data: pieData,
labelLine: {
length2: 25,
lineStyle: {
width: 2,
},
Expand All @@ -221,6 +223,8 @@ export class KnotsNodesChartComponent implements OnInit {
borderColor: '#000',
},
emphasis: {
scale: true,
scaleSize: 10,
itemStyle: {
shadowBlur: 40,
shadowColor: 'rgba(0, 0, 0, 0.75)',
Expand Down
22 changes: 11 additions & 11 deletions frontend/src/app/components/ocean-hashrate-chart/ocean-hashrate-chart.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ export class OceanHashrateChartComponent implements OnInit {
tooltip: {
trigger: 'item',
textStyle: {
color: '#b1b1b1',
align: 'left',
},
backgroundColor: 'rgba(17, 19, 31, 1)',
borderRadius: 4,
Expand All @@ -156,11 +156,10 @@ export class OceanHashrateChartComponent implements OnInit {
label: {
show: true, // Always show labels
position: 'outside',
alignTo: 'edge',
minMargin: 5,
edgeDistance: edgeDistance,
lineHeight: 15,
fontSize: this.widget ? 10 : 12,
fontSize: 14,
fontWeight: 'normal',
formatter: (data: any) => {
const percentage = data.data?.percentage || data.percentage || 0;
Expand All @@ -175,15 +174,11 @@ export class OceanHashrateChartComponent implements OnInit {
}
}
},
labelLine: {
show: true, // Always show label lines
length: this.widget ? 10 : 20,
length2: this.widget ? 3 : 5,
maxSurfaceAngle: 80,
labelLine: {
length2: 25,
lineStyle: {
color: '#666666',
width: 1
}
width: 2,
},
},
emphasis: {
scale: true,
Expand All @@ -192,6 +187,11 @@ export class OceanHashrateChartComponent implements OnInit {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
labelLine: {
lineStyle: {
width: 3,
}
}
},
itemStyle: {
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/app/dashboard/dashboard.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ <h6 class="progress-title" i18n="knots.network-distribution">Bitcoin Knots Netwo
</div>
</div>

<div class="knots-progress-fullwidth-container">
<div class="col knots-progress-fullwidth-container">
<div class="knots-progress-wrapper">
<div class="progress-header">
<h6 class="progress-title" i18n="knots.network-distribution">BIP 110 Network Distribution</h6>
Expand Down