My: an empty Live row stays out, and says whose it is (#622)

OP OpenVibers committed 6 days ago · 774eba4994 · 2 files, +3 −1

.td-sec's display:grid overrode the hidden attribute, so the 'Live now' heading showed with nobody under it and read as
if the person were live (owner, 11-07). Hidden blocks in the Today area now stay hidden, and the row is named 'Live from
people you follow'.

Changes

ddiff --git a/public/css/my.css b/public/css/my.css
iindex d4307bac..7e77bb86 100644
---- a/public/css/my.css
++++ b/public/css/my.css
@@@ -244,6 +244,8 @@ a.linked-item:hover{background:var(--bg-hover,var(--bg-card));transform:translat
  .td-settings-btn { flex: none; align-self: center; text-decoration: none; }
  .td { display: grid; gap: 22px; margin: -8px 0 36px; }
  .td-sec { display: grid; gap: 10px; min-width: 0; }
++/* A block with nothing in it stays out (11-07: the empty "Live now" heading showed, and read as if you were live). */
++.td [hidden] { display: none !important; }
  .td-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
  .td-h h2 { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; }
  .td-sub { font-size: 12.5px; color: var(--text-muted); }
ddiff --git a/public/my.html b/public/my.html
iindex 215e9c38..6f7e87ad 100644
---- a/public/my.html
++++ b/public/my.html
@@@ -67,7 +67,7 @@
           numbers. my/today.js fills each block from its own API; a block with nothing in it stays out. -->
      <div class="td" id="today">
          <section class="td-sec" id="td-now" hidden aria-labelledby="td-now-h">
--            <div class="td-h"><h2 id="td-now-h"><span class="td-pulse" aria-hidden="true"></span>Live now</h2><span class="td-sub" id="td-now-sub"></span></div>
++            <div class="td-h"><h2 id="td-now-h"><span class="td-pulse" aria-hidden="true"></span>Live from people you follow</h2><span class="td-sub" id="td-now-sub"></span></div>
              <div class="td-rail" id="td-live"></div>
          </section>
          <div class="td-chips" id="td-chips" hidden></div>

diff --git a/public/css/my.css b/public/css/my.css

index d4307bac..7e77bb86 100644

--- a/public/css/my.css

+++ b/public/css/my.css

@@ -244,6 +244,8 @@ a.linked-item:hover{background:var(--bg-hover,var(--bg-card));transform:translat

.td-settings-btn { flex: none; align-self: center; text-decoration: none; }

.td { display: grid; gap: 22px; margin: -8px 0 36px; }

.td-sec { display: grid; gap: 10px; min-width: 0; }

+/* A block with nothing in it stays out (11-07: the empty "Live now" heading showed, and read as if you were live). */

+.td [hidden] { display: none !important; }

.td-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }

.td-h h2 { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; }

.td-sub { font-size: 12.5px; color: var(--text-muted); }

diff --git a/public/my.html b/public/my.html

index 215e9c38..6f7e87ad 100644

--- a/public/my.html

+++ b/public/my.html

@@ -67,7 +67,7 @@

numbers. my/today.js fills each block from its own API; a block with nothing in it stays out. -->

- <div class="td-h"><h2 id="td-now-h"><span class="td-pulse" aria-hidden="true"></span>Live now</h2><span class="td-sub" id="td-now-sub"></span></div>

+ <div class="td-h"><h2 id="td-now-h"><span class="td-pulse" aria-hidden="true"></span>Live from people you follow</h2><span class="td-sub" id="td-now-sub"></span></div>

</section>