Implement Web Assets' theme system and selection, and add 'light' theme #118

Merged
Márton Lente merged 97 commits from martonlente/extensions-website:ui/theme-light into main 2024-05-08 14:20:07 +02:00
3 changed files with 19 additions and 7 deletions
Showing only changes of commit 67f98f3e6e - Show all commits

View File

@ -371,3 +371,7 @@
@extend .dropdown-divider @extend .dropdown-divider
+margin(0, top) +margin(0, top)
.dropdown-item
&a
+padding(3, x)

View File

@ -1,8 +1,13 @@
// TODO: remove style if 'mark as unread' is implemented // TODO: remove style if 'mark as unread' is implemented
.notifications-item // .notifications-item
&.is-read // &.is-read
.dropdown-toggle // .dropdown-toggle
color: var(--color-text-secondary) !important // color: var(--color-text-secondary) !important
//
// &:hover
// cursor: default
&:hover .notifications-item
cursor: default .dropdown-item
padding-left: var(--spacer) !important
padding-right: var(--spacer) !important

View File

@ -23,7 +23,7 @@
{{ notification.action.timestamp | naturaltime_compact }} {{ notification.action.timestamp | naturaltime_compact }}
</td> </td>
<td class="notifications-item-content"> <td class="notifications-item-content">
<a href="{{ notification.get_absolute_url }}"><span class="me-2">{{ notification.action.actor }} {{ notification.action.verb }} {{ notification.action.target }}</span><span class="notifications-item-dot"></span></a> <a href="{{ notification.action.target.get_absolute_url }}"><span class="me-2">{{ notification.action.actor }} {{ notification.action.verb }} {{ notification.action.target }}</span><span class="notifications-item-dot"></span></a>
</td> </td>
<td class="notifications-item-nav"> <td class="notifications-item-nav">
<div class="dropdown"> <div class="dropdown">
@ -45,6 +45,9 @@
</form> </form>
</li> </li>
{% endcomment %} {% endcomment %}
<li>
<a class="dropdown-item" href="{% url 'extensions:by-author' user_id=notification.action.actor.pk %}"><i class="i-user"></i> View user</a>
</li>
</ul> </ul>
</div> </div>
</td> </td>