jeff/timeline
1
0
Fork 0
mirror of https://github.com/sorenpeter/timeline.git synced 2025-12-15 19:07:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better CSS for profile filters

Browse source
This commit is contained in:
sørenpeter 2024-04-07 22:47:52 +02:00
parent 7ca2dc3793
commit ccf39b7c91
2 changed files with 48 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
libs/timeline.css
View file

@ -144,10 +144,13 @@ a.author {
.profile { .profile {
padding: 0 1rem; padding: 0 1rem;
margin-bottom: 2rem;
}
.profile-grid {
display: grid; display: grid;
grid-template-columns: 4rem 1fr; grid-template-columns: 4rem 1fr;
grid-gap: 1rem; grid-gap: 1rem;
margin-bottom: 2rem;
} }
.profile img.avatar { .profile img.avatar {
@ -157,11 +160,12 @@ a.author {
.profile .author { .profile .author {
font-size: larger; font-size: larger;
line-height: 1;
} }
.profile p { .profile p {
margin: 0.5rem 0; margin: 0.2rem 0;
color: var(--text-light); color: var(--text-light);
} }
@ -174,10 +178,19 @@ a.author {
color: var(--accent); color: var(--accent);
} }
.profile .filters a { .profile-nav {
margin-top: 1rem;
font-size: smaller;
}
.profile-filters {
padding: 0.25rem;
}
.profile-filters a {
text-decoration: none; text-decoration: none;
font-weight: bold;
padding-right: 0.5rem; padding-right: 0.5rem;
font-weight: bold;
} }
.profile a.active { .profile a.active {
@ -189,7 +202,8 @@ a.author {
.tagcloud { .tagcloud {
margin-top: 0.75rem; margin-top: 0.75rem;
border-top: thin solid var(--border); border-top: thin solid var(--border);
padding: 0.2rem; padding: 0.5rem 0.25rem;
text-align: justify;
} }
.tagcloud a, .tagcloud a,
@ -200,6 +214,7 @@ a.author {
color: var(--text-light); color: var(--text-light);
} }
.tagcloud a.active { .tagcloud a.active {
color: var(--accent); color: var(--accent);
} }

49
partials/profile.php
View file

@ -47,36 +47,43 @@ if ($is_gallery) {
<div class="profile"> <div class="profile">
<a href="<?=$profile->avatar?>"> <div class="profile-grid">
<img class="avatar" src="<?=$profile->avatar?>" onerror="this.onerror=null;this.src='<?= $baseURL ?>/media/default.png';">
</a>
<div> <a href="<?=$profile->avatar?>">
<a href="<?=$profileURL?>" class="author"> <img class="avatar" src="<?=$profile->avatar?>" onerror="this.onerror=null;this.src='<?= $baseURL ?>/media/default.png';">
<strong><?=$profile->nick?></strong>@<?=parse_url($profile->mainURL, PHP_URL_HOST);?>
</a> </a>
<p><?=$profile->description?></p> <div>
<small> <a href="<?=$profileURL?>" class="author">
<span class="filters"> <strong><?=$profile->nick?></strong>@<?=parse_url($profile->mainURL, PHP_URL_HOST);?>
<a <?=$posts_active?> href="<?=$profileURL?>" >Posts</a> </a>
<a <?=$replies_active?> href="<?=$baseURL?>/replies?profile=<?=$profile->mainURL?>" >Replies</a>
<a <?=$gallery_artive?> href="<?=$baseURL?>/gallery?profile=<?=$profile->mainURL?>" >Gallery</a> <p><?=$profile->description?></p>
<!-- <p>Links: (TODO)</p> -->
</div>
</div>
<div class="profile-nav">
<span class="profile-filters">
<a <?=$posts_active?> href="<?=$profileURL?>" >Posts</a>
<a <?=$replies_active?> href="<?=$baseURL?>/replies?profile=<?=$profile->mainURL?>" >Replies</a>
<a <?=$gallery_artive?> href="<?=$baseURL?>/gallery?profile=<?=$profile->mainURL?>" >Gallery</a>
</span> </span>
<span class="right"> <span class="right">
<!-- <a href="following.php">Following <?php echo count($twtFollowingList); ?></a> | --> <!-- <a href="following.php">Following <?php echo count($twtFollowingList); ?></a> | -->
<a target="_blank" href="<?=$profile->mainURL?>"><?=$profile->mainURL?></a> <a target="_blank" href="<?=$profile->mainURL?>"><?=$profile->mainURL?></a>
(<a href="https://yarn.social">How to follow</a>) (<a href="https://yarn.social">How to follow</a>)
</span> </span>
<div class="tagcloud"> <div class="tagcloud">
<?php include_once 'partials/tag_cloud.php'; ?> <?php include_once 'partials/tag_cloud.php'; ?>
</div> </div>
</small> </div>
</div> </div>
</div>