Date: Sun, 9 Jul 2023 20:46:53 -0700
Subject: [PATCH 10/68] feat: :sparkles: Timestamps on announcements
Closes #10453
---
packages/client/src/components/MkAnnouncement.vue | 11 +++++++++++
packages/client/src/pages/announcements.vue | 13 +++++++++++--
2 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/packages/client/src/components/MkAnnouncement.vue b/packages/client/src/components/MkAnnouncement.vue
index 24bf886dd8..bd1091b7f2 100644
--- a/packages/client/src/components/MkAnnouncement.vue
+++ b/packages/client/src/components/MkAnnouncement.vue
@@ -5,6 +5,13 @@
{{ title }}
{{ title }}
+
+
+
+ {{ i18n.ts.updatedAt }}:
+
+
+
{
}
}
+.time {
+ font-size: 0.8rem;
+}
+
.gotIt {
margin: 8px 0 0 0;
}
diff --git a/packages/client/src/pages/announcements.vue b/packages/client/src/pages/announcements.vue
index 8e99750207..cc62ce0f57 100644
--- a/packages/client/src/pages/announcements.vue
+++ b/packages/client/src/pages/announcements.vue
@@ -15,8 +15,13 @@
class="_card announcement"
>
-
🆕 {{ announcement.title }}
+
🆕
+
{{ announcement.title }}
+
+
+ {{ i18n.ts.updatedAt }}:
+
+
@@ -76,6 +81,10 @@ definePageMetadata({
margin-bottom: var(--margin);
}
+ > ._title {
+ padding: 14px 32px !important;
+ }
+
> ._content {
> img {
display: block;
From 645480f889e38ab93fdce689dc14b091c5097f81 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator
Date: Sun, 9 Jul 2023 20:46:58 -0700
Subject: [PATCH 11/68] chore: :art: format
---
packages/client/src/components/MkMedia.vue | 10 +++++++---
packages/client/src/pages/user/home.vue | 13 +++++++------
packages/client/src/ui/_common_/navbar.vue | 11 +++++++----
3 files changed, 21 insertions(+), 13 deletions(-)
diff --git a/packages/client/src/components/MkMedia.vue b/packages/client/src/components/MkMedia.vue
index d697054b6a..4c023f1310 100644
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@@ -226,11 +226,13 @@ watch(
display: flex;
min-width: max-content;
width: 110px;
- transition: width 0.2s cubic-bezier(0,0,0,1);
+ transition: width 0.2s cubic-bezier(0, 0, 0, 1);
[data-plyr="volume"] {
width: 0;
flex-grow: 1;
- transition: margin 0.3s, opacity .2s 0.2s;
+ transition:
+ margin 0.3s,
+ opacity 0.2s 0.2s;
}
&:not(:hover):not(:focus-within) {
width: 0px;
@@ -238,7 +240,9 @@ watch(
[data-plyr="volume"] {
margin-inline: 0px;
opacity: 0;
- transition: margin 0.3s, opacity 0.1s;
+ transition:
+ margin 0.3s,
+ opacity 0.1s;
}
}
}
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 5a8482fb81..e87052ea2d 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -26,12 +26,13 @@
class="banner"
:style="{
backgroundImage: `url('${user.bannerUrl}')`,
- '--backgroundImageStatic': defaultStore
- .state.useBlurEffect && user.bannerUrl
- ? `url('${getStaticImageUrl(
- user.bannerUrl,
- )}')`
- : null,
+ '--backgroundImageStatic':
+ defaultStore.state.useBlurEffect &&
+ user.bannerUrl
+ ? `url('${getStaticImageUrl(
+ user.bannerUrl,
+ )}')`
+ : null,
}"
>
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index e98aa738c7..ef9f473f35 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -285,7 +285,8 @@ function more(ev: MouseEvent) {
box-sizing: border-box;
color: var(--navFg);
- &:before, &.post::after {
+ &:before,
+ &.post::after {
content: "";
display: block;
width: calc(100% - 34px);
@@ -342,7 +343,9 @@ function more(ev: MouseEvent) {
&.active {
color: var(--accent);
opacity: 1;
- transition: color 0.4s, opacity 0.4s;
+ transition:
+ color 0.4s,
+ opacity 0.4s;
&::before {
opacity: 1;
}
@@ -536,7 +539,6 @@ function more(ev: MouseEvent) {
width: calc(100% - 32px);
border-top: solid 0.5px var(--divider);
}
-
}
}
.nav-item {
@@ -571,7 +573,8 @@ function more(ev: MouseEvent) {
width: 100%;
height: 52px;
margin-bottom: 16px;
- &:before, &::after {
+ &:before,
+ &::after {
inset: 0;
margin: auto;
width: 52px;
From ce239565a7b5d9c4dd64346a35b0cba32a2607ff Mon Sep 17 00:00:00 2001
From: ThatOneCalculator
Date: Sun, 9 Jul 2023 21:08:24 -0700
Subject: [PATCH 12/68] Revert "fix: nav post button gradient transition
(#10401) + half refactor ?"
This reverts commit 6031e11721d02c26afae99b800a483b5aa514e1a.
---
packages/client/src/ui/_common_/navbar.vue | 410 ++++++++++++---------
1 file changed, 229 insertions(+), 181 deletions(-)
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index ef9f473f35..7905c331c7 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -26,7 +26,7 @@
@@ -78,7 +75,7 @@
v-if="$i.isAdmin || $i.isModerator"
v-click-anime
v-tooltip.noDelay.right="i18n.ts.controlPanel"
- class="nav-item _button"
+ class="item _button"
active-class="active"
to="/admin"
>
@@ -91,7 +88,6 @@
updateAvailable
"
class="indicator"
- :class="{ animateIndicator: $store.state.animation }"
>{{ i18n.ts.controlPanel }}
@@ -99,24 +95,21 @@
@@ -127,7 +120,7 @@
-