External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(mod-queue): style action buttons to match board buttons and make status indicators bold/colored

Browse Source
This commit is contained in:
plebeius
2026-01-08 18:09:44 +01:00
parent 01823caeab
commit fbdfadc65c
2 changed files with 46 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mod-queue/mod-queue.module.css
+26 -16
View File
@@ -147,24 +147,29 @@
display: flex;
gap: 4px;
justify-content: flex-end;
align-items: center;
}
/* Desktop: buttons styled as text links */
/* Desktop: buttons styled as text links (same as board buttons) */
@media (min-width: 640px) {
.actions {
display: block;
text-align: right;
}
.button {
all: unset;
cursor: pointer;
padding: 0;
color: var(--mod-queue-button-text-color);
font-size: 11px;
text-decoration: var(--mod-queue-button-text-decoration);
display: inline-block;
text-transform: capitalize;
color: var(--button-desktop-text-color);
text-decoration: var(--button-text-decoration);
display: inline;
font-family: inherit;
}
.button:hover {
color: var(--mod-queue-button-text-color-hover);
text-decoration: var(--mod-queue-button-text-decoration);
color: var(--button-desktop-text-color-hover);
cursor: pointer;
}
.button:disabled {
@@ -173,20 +178,25 @@
}
}
.approve {
color: var(--mod-queue-approve-color);
/* Status indicators (spans only) - bold, green/red, no underline */
span.approve {
color: green;
font-weight: 700;
text-decoration: none;
}
.approve:hover {
color: var(--mod-queue-approve-color-hover);
span.approve:hover {
color: green;
}
.reject {
color: var(--mod-queue-reject-color);
span.reject {
color: red;
font-weight: 700;
text-decoration: none;
}
.reject:hover {
color: var(--mod-queue-reject-color-hover);
span.reject:hover {
color: red;
}
/* ModQueueBoardFilter styles */