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

feat(views): show board admin role next to usernames, if any, with capcode colors and admin modal function

Browse Source
This commit is contained in:
plebeius.eth
2023-09-29 11:44:05 +02:00
parent fab93917f3
commit e9cfdac18f
6 changed files with 433 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Thread.styled.jsx
+96 -9
View File
@@ -906,10 +906,6 @@ export const BoardForm = styled.div`
margin-right: 14px;
}
.capcode-admin {
color: red !important;
}
.ellipsis:after {
content: '\\2026';
position: absolute;
@@ -1001,6 +997,16 @@ export const BoardForm = styled.div`
border-left: none !important;
border-top: none !important;
}
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
#post-menu {
ul {
@@ -1026,6 +1032,16 @@ export const BoardForm = styled.div`
border-left: none !important;
border-top: none !important;
}
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
#post-menu {
ul {
@@ -1047,6 +1063,16 @@ export const BoardForm = styled.div`
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #f0c0b0 !important;
}
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
#post-menu {
font-size: 13px !important;
@@ -1070,6 +1096,16 @@ export const BoardForm = styled.div`
return `.highlighted, .highlighted-click, .highlighted-address {
background-color: #d6bad0 !important;
}
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
#post-menu {
font-size: 13px !important;
@@ -1094,6 +1130,16 @@ export const BoardForm = styled.div`
background-color: #1d1d21 !important;
outline: 1px solid #111 !important;
}
.capcode {
color: #81a2be !important;
cursor: pointer;
}
.capcode-admin {
color: #81a2be !important;
cursor: pointer;
}
#post-menu {
ul {
@@ -1116,6 +1162,16 @@ export const BoardForm = styled.div`
background-color: #ccc !important;
outline: 1px solid #ccc !important;
}
.capcode {
color: #f60 !important;
cursor: pointer;
}
.capcode-admin {
color: #f60 !important;
cursor: pointer;
}
#post-menu {
ul {
@@ -2506,6 +2562,12 @@ export const BoardForm = styled.div`
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
.subject-mobile {
@@ -2627,6 +2689,12 @@ export const BoardForm = styled.div`
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
.subject-mobile {
@@ -2744,11 +2812,12 @@ export const BoardForm = styled.div`
.capcode {
color: purple !important;
cursor: pointer;
}
.subject-mobile {
color: #cc1105;
font-weight: 700;
.capcode-admin {
color: red !important;
cursor: pointer;
}
.date-time-mobile {
@@ -2864,6 +2933,12 @@ export const BoardForm = styled.div`
.capcode {
color: purple !important;
cursor: pointer;
}
.capcode-admin {
color: red !important;
cursor: pointer;
}
.subject-mobile {
@@ -2980,6 +3055,12 @@ export const BoardForm = styled.div`
.capcode {
color: #81a2be !important;
cursor: pointer;
}
.capcode-admin {
color: #81a2be !important;
cursor: pointer;
}
.poster-address-mobile {
@@ -3106,7 +3187,13 @@ export const BoardForm = styled.div`
.capcode {
color: #f60 !important;
}
cursor: pointer;
}
.capcode-admin {
color: #f60 !important;
cursor: pointer;
}
.subject-mobile {
color: #111;