Magnus/allwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moved row alignment of cards into aw.js and removed more leftovers of the old parseerror implementation

Browse Source
This commit is contained in:
Magnus
2026-09-06 22:08:03 +02:00
parent 9167eb4a40
commit 51b0e38f82
5 changed files with 29 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
base/static/aw.css
+9
View File
@@ -82,6 +82,15 @@ main.grid{
justify-content:space-between;
}
.row{display:flex;gap:.7rem;flex:0 0 auto}
.row .card{flex:1;text-align:center;padding:.8rem;border-radius:16px}
.row-num{font-family:'Baloo 2',sans-serif;font-size:1.9rem;font-weight:700;line-height:1;color:var(--primary)}
.row-sub{font-size:.65rem;color:var(--dim);margin-top:.3rem}
.row-num.fresh{color:var(--okay)}
.row-num.warn{color:var(--warn)}
.row-num.critical{color:var(--critical)}
.clickable{cursor:pointer;border-radius:8px;transition:background .12s ease}
.clickable:hover{background:var(--panel-2)}
modules/socialwatch/static/_page.html
+8 -8
View File
@@ -38,24 +38,24 @@
</div>
</div>
<div class="col">
<div class="stat-row">
<div class="row">
<div class="card clickable" id="score-card">
<div class="stat-num" id="social-score">–</div>
<div class="stat-sub">social score</div>
<div class="row-num" id="social-score">–</div>
<div class="row-sub">social score</div>
</div>
<div class="card" id="events-card">
<div class="stat-num"><span id="events-month">–</span><span class="stat-trend" id="events-trend"></span></div>
<div class="stat-sub">events / mo</div>
<div class="row-num"><span id="events-month">–</span><span class="stat-trend" id="events-trend"></span></div>
<div class="row-sub">events / mo</div>
</div>
</div>
<div class="stat-row">
<div class="row">
<div class="card clickable icon-btn" id="graph-view-btn" aria-label="Open social graph">
<i class="fa-solid fa-diagram-project"></i>
<div class="stat-sub">social graph</div>
<div class="row-sub">social graph</div>
</div>
<div class="card clickable" id="birthday-card">
<div class="stat-birthday-date" id="next-birthday-date">–</div>
<div class="stat-sub" id="next-birthday-name">next birthday</div>
<div class="row-sub" id="next-birthday-name">next birthday</div>
</div>
</div>
<div class="card weekday-card">
modules/socialwatch/static/_script.js
+1 -1
View File
@@ -226,7 +226,7 @@ AW.define(() => {
let scoreCls = 'critical';
if(score >= 0.9) scoreCls = 'fresh';
else if(score >= 0.7) scoreCls = 'warn';
scoreEl.className = `stat-num ${scoreCls}`;
scoreEl.className = `row-num ${scoreCls}`;
}
function renderNextBirthday(){
modules/socialwatch/static/_style.css
+1 -40
View File
@@ -15,17 +15,6 @@
.sw .empty-note{color:var(--dimmer);font-size:.78rem;font-style:italic}
/* stat row */
.sw .stat-row{display:flex;gap:.7rem;flex:0 0 auto}
.sw .stat-row .card{flex:1;text-align:center;padding:.8rem;border-radius:16px}
.sw .stat-num{font-family:'Baloo 2',sans-serif;font-size:1.9rem;font-weight:700;line-height:1;color:var(--primary)}
.sw .stat-sub{font-size:.65rem;color:var(--dim);margin-top:.3rem}
.sw .stat-trend{font-size:.95rem;margin-left:.35rem;vertical-align:middle}
.sw .stat-trend.fresh{color:var(--okay)}
.sw .stat-trend.critical{color:var(--critical)}
.sw .stat-num.fresh{color:var(--okay)}
.sw .stat-num.warn{color:var(--warn)}
.sw .stat-num.critical{color:var(--critical)}
.sw .icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.3rem;color:var(--primary);border-radius:22px}
.sw .stat-birthday-date{font-family:'Baloo 2',sans-serif;font-size:1.15rem;font-weight:700;line-height:1;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:.35rem}
@@ -107,34 +96,6 @@
.sw .loading{color:var(--dimmer);font-size:.75rem}
/* parse-error fab — scoped to module area, not viewport */
.sw .parse-fab{
position:absolute;right:1.4rem;bottom:1.4rem;
width:52px;height:52px;
border-radius:16px;
background:var(--panel);
border:1px solid var(--border);
color:var(--warn);
font-size:1.3rem;
display:flex;align-items:center;justify-content:center;
cursor:pointer;
box-shadow:0 6px 18px rgba(0,0,0,.4);
z-index:40;
transition:transform .12s ease, background .12s ease;
}
.sw .parse-fab:hover{transform:translateY(-2px);background:var(--panel-2)}
.sw .parse-fab-badge{
position:absolute;top:-6px;right:-6px;
min-width:20px;height:20px;padding:0 4px;
border-radius:999px;
background:var(--critical);
color:#241615;
font-family:'JetBrains Mono',monospace;
font-size:.68rem;font-weight:700;
display:flex;align-items:center;justify-content:center;
border:2px solid var(--bg);
}
/* modal — scoped to module area, not viewport */
.modal-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.82rem}
.modal-row:last-child{border-bottom:none}
@@ -187,5 +148,5 @@
.sw #graph-svg .node:active{ cursor: grabbing; }
@media (max-width:980px){
.sw .stat-row{flex-direction:row}
.row{flex-direction:row}
}
modules/testmodule/static/_page.html
+10
View File
@@ -19,6 +19,16 @@
<h2>title</h2>
<p class="clickable" id="modal-opener">click to open modal</p>
</div>
<div class="row">
<div class="card">
<div class="row-num">num</div>
<div class="row-sub">sub</div>
</div>
<div class="card">
<div class="row-num">num</div>
<div class="row-sub">sub</div>
</div>
</div>
</div>
<div class="col">