Linting and general stability improvements.

2026-08-29 21:15:19 +00:00 · 2024-11-01 17:22:45 +00:00
parent dfe9569720
commit e3c23fa2cf
11 changed files with 154 additions and 58 deletions
--- a/src/button/ReactionToggleButton.module.css
+++ b/src/button/ReactionToggleButton.module.css
@@ -0,0 +1,53 @@
+.reactionPopupMenu {
+  padding: 1em;
+  position: absolute;
+  background: var(--cpd-color-bg-canvas-default);
+  top: -8em;
+  border-radius: var(--cpd-space-4x);
+  display: flex;
+}
+
+.reactionPopupMenu menu {
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.reactionPopupMenu section {
+  height: fit-content;
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.reactionPopupMenuItem {
+  list-style: none;
+  margin-left: var(--cpd-separator-spacing);
+}
+
+.reactionPopupMenuItem:first-child {
+  margin-left: 0;
+}
+
+.reactionButton {
+  width: 2em;
+  height: 2em;
+  border-radius: 2em;
+}
+
+.verticalSeperator {
+  background-color: var(--cpd-color-gray-400);
+  width: 1px;
+  height: auto;
+  margin-left: var(--cpd-separator-spacing);
+  margin-right: var(--cpd-separator-spacing);
+}
+
+.searchForm {
+  display: flex;
+  flex-direction: row;
+  gap: var(--cpd-separator-spacing);
+}
+
+.searchForm > label {
+  flex: auto;
+}