From 1bf256b34b020622718d4dcdcae4153a6f75e060 Mon Sep 17 00:00:00 2001
From: Xnuk Shuman <admin@xnu.kr>
Date: Tue, 20 Dec 2022 02:03:35 +0900
Subject: [PATCH 1/5] use normal checkbox component label in announcement

---
 src/components/announcement_editor/announcement_editor.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/announcement_editor/announcement_editor.vue b/src/components/announcement_editor/announcement_editor.vue
index 0f29f9f7..32b05bb2 100644
--- a/src/components/announcement_editor/announcement_editor.vue
+++ b/src/components/announcement_editor/announcement_editor.vue
@@ -32,8 +32,9 @@
         id="announcement-all-day"
         v-model="announcement.allDay"
         :disabled="disabled"
-      />
-      <label for="announcement-all-day">{{ $t('announcements.all_day_prompt') }}</label>
+      >
+        {{ $t('announcements.all_day_prompt') }}
+      </Checkbox>
     </span>
   </div>
 </template>

From f8a0cd2dd3e298b2a771d786033a7c29df8dcbfc Mon Sep 17 00:00:00 2001
From: Xnuk Shuman <admin@xnu.kr>
Date: Tue, 20 Dec 2022 02:34:11 +0900
Subject: [PATCH 2/5] vertical centering the checkbox

---
 src/components/checkbox/checkbox.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index b6768d67..d7839e82 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -39,20 +39,23 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
+  & > * {
+    vertical-align: middle;
+  }
+
   &-indicator {
+    display: inline-block;
     position: relative;
-    padding-left: 1.2em;
+    width: 1.2em;
+    height: 1.2em;
   }
 
   &-indicator::before {
     position: absolute;
-    right: 0;
-    top: 0;
+    inset: 0;
     display: block;
     content: '✓';
     transition: color 200ms;
-    width: 1.1em;
-    height: 1.1em;
     border-radius: $fallback--checkboxRadius;
     border-radius: var(--checkboxRadius, $fallback--checkboxRadius);
     box-shadow: 0px 0px 2px black inset;

From 1506d2421d9a16867c5d3f39fbbc650952c2849a Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Sat, 28 Jan 2023 21:44:24 -0500
Subject: [PATCH 3/5] Get rid of *

---
 src/components/checkbox/checkbox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index cbebe578..6c23d9e4 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -39,7 +39,7 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
-  & > * {
+  .checkbox-indicator, .label {
     vertical-align: middle;
   }
 

From f7daaead6f16d87aef5a6a26fa8f8cfe7f7caf10 Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Sat, 28 Jan 2023 21:54:08 -0500
Subject: [PATCH 4/5] Fix stylelint

---
 src/components/checkbox/checkbox.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index 6c23d9e4..32c8f79c 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -39,7 +39,8 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
-  .checkbox-indicator, .label {
+  &-indicator,
+  & .label {
     vertical-align: middle;
   }
 

From 9b2f54c571217bac5540950ee494f283a09a2fca Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 19 Dec 2024 14:00:11 +0200
Subject: [PATCH 5/5] changelog

---
 changelog.d/checkbox.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/checkbox.fix

diff --git a/changelog.d/checkbox.fix b/changelog.d/checkbox.fix
new file mode 100644
index 00000000..6a947ec8
--- /dev/null
+++ b/changelog.d/checkbox.fix
@@ -0,0 +1 @@
+checkbox vertical alignment has been fixed