NotificationItem:Mobile Un Read

Build 1045 on development/components
1200px
Read only
The baseline is shorter than the new snapshot (380x136 to 380x148).
Baseline History
Build 10459a0fa59
Current build. There are unaccepted changes, so build 911 is still the baseline.
Build 9114890eec current baseline
Accepted by jeyanthi-sm.
No comments
DOM Diff
file.html a CHANGED
@@ -1,32 +1,26 @@
1
- <li class="list-none">
2
  <a href="https://devlaunchers.org/projects/DL-IdeaSpace" rel="noreferrer"
3
  target="_blank" class="flex items-center gap-4 py-4 pl-2 pr-4 hover:bg-grayscale-100 md:p-8 text-grayscale-900">
4
  <span class="h-3 w-3 shrink-0 rounded-full bg-alert-notification-o-100-600"></span>
5
- <a href="https://devlaunchers.org/users/me" rel="noreferrer" target="_blank"
6
- class="hidden md:inline-flex">
7
- <span class="inline-flex h-12 w-12 items-center justify-center rounded-full bg-contain">
8
- <img class="inline-flex h-12 w-12 items-center justify-center rounded-full bg-contain"
9
- alt="Profile picture of Arthur Wells" src="/Person.svg">
10
- </span>
11
- </a>
12
  <div class="flex flex-shrink-0 flex-grow basis-0 flex-col items-start gap-2 md:flex-row md:flex-wrap md:content-start">
13
  <div class="md:flex md:flex-shrink-0 md:flex-grow md:basis-0 md:flex-col md:items-start md:gap-1">
14
  <div class="flex items-start gap-1 self-stretch">
15
- <a href="https://devlaunchers.org/users/me" rel="noreferrer" target="_blank"
16
- class="font-nunito-sans text-base leading-normal font-bold">
17
- <strong>Arthur Wells</strong>
18
- </a>
19
- <span class="font-nunito-sans text-base leading-normal">commented on</span>
20
  <a href="https://devlaunchers.org/projects/DL-IdeaSpace"
21
- rel="noreferrer" target="_blank" class="font-nunito-sans text-base leading-normal font-bold">
22
  <strong>DevSocials</strong>
23
  </a>
24
  </div>
25
- <p class="line-clamp-2 self-stretch md:order-1 font-nunito-sans text-base leading-normal font-normal">What you want to achieve through an online questionnaire is quality rather
26
  than quantity.</p>
27
  </div>
28
- <time datetime="P3Y6M4DT12H30M5S" class="text-right font-nunito-sans text-base leading-6 text-grayscale-400 font-normal"
29
- aria-label="3 years and 6 months ago">3y:6m</time>
30
  </div>
31
  </a>
32
  </li>
1
+ <li class="list-none !text-xs">
2
  <a href="https://devlaunchers.org/projects/DL-IdeaSpace" rel="noreferrer"
3
  target="_blank" class="flex items-center gap-4 py-4 pl-2 pr-4 hover:bg-grayscale-100 md:p-8 text-grayscale-900">
4
  <span class="h-3 w-3 shrink-0 rounded-full bg-alert-notification-o-100-600"></span>
5
+ <span class="inline-flex h-12 w-12 items-center justify-center rounded-full bg-contain">
6
+ <img class="inline-flex h-12 w-12 items-center justify-center rounded-full bg-contain"
7
+ alt="Profile picture of Arthur Wells" src="/Person.svg" loading="eager">
8
+ </span>
 
 
 
9
  <div class="flex flex-shrink-0 flex-grow basis-0 flex-col items-start gap-2 md:flex-row md:flex-wrap md:content-start">
10
  <div class="md:flex md:flex-shrink-0 md:flex-grow md:basis-0 md:flex-col md:items-start md:gap-1">
11
  <div class="flex items-start gap-1 self-stretch">
12
+ <strong>Arthur Wells</strong>
13
+ <span class="font-nunito-sans text-sm md:text-base leading-normal">commented on the idea</span>
 
 
 
14
  <a href="https://devlaunchers.org/projects/DL-IdeaSpace"
15
+ rel="noreferrer" target="_blank" class="font-nunito-sans text-sm md:text-base leading-normal font-bold">
16
  <strong>DevSocials</strong>
17
  </a>
18
  </div>
19
+ <p class="line-clamp-2 self-stretch md:order-1 font-nunito-sans text-sm md:text-base leading-normal font-normal">What you want to achieve through an online questionnaire is quality rather
20
  than quantity.</p>
21
  </div>
22
+ <time datetime="P3Y6M4DT12H30M5S" class="text-right font-nunito-sans text-sm md:text-base leading-6 text-grayscale-400 font-normal"
23
+ aria-label="NaN second ago">NaN second ago</time>
24
  </div>
25
  </a>
26
  </li>