Fix Upvote/Downvote
This commit is contained in:
@@ -160,11 +160,60 @@ li[component="post"] [component="post/upvote"] {
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
&.upvoted {
|
||||
background: rgba(124, 40, 68, 0.2) !important;
|
||||
border-color: rgba(212, 122, 135, 0.34) !important;
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255, 210, 220, 0.08),
|
||||
0 0 0 1px rgba(124, 40, 68, 0.12) !important;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: rgba(124, 40, 68, 0.28) !important;
|
||||
border-color: rgba(212, 122, 135, 0.42) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.upvoted::before {
|
||||
color: #d47a87;
|
||||
}
|
||||
}
|
||||
|
||||
li[component="post"] [component="post/downvote"] {
|
||||
position: relative;
|
||||
|
||||
i.fa-chevron-down {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "\f7a9";
|
||||
font-family: "Font Awesome 6 Free";
|
||||
font-size: 0.92rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
color: rgba(194, 163, 90, 0.82);
|
||||
}
|
||||
|
||||
&.downvoted {
|
||||
background: rgba(76, 26, 42, 0.22) !important;
|
||||
border-color: rgba(176, 92, 108, 0.34) !important;
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255, 214, 224, 0.07),
|
||||
0 0 0 1px rgba(76, 26, 42, 0.12) !important;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: rgba(76, 26, 42, 0.3) !important;
|
||||
border-color: rgba(176, 92, 108, 0.42) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.downvoted::before {
|
||||
color: #b86a78;
|
||||
}
|
||||
}
|
||||
|
||||
.topic-sidebar-tools .btn,
|
||||
[component="topic/navigator"] {
|
||||
background: rgba(255, 255, 255, 0.018) !important;
|
||||
|
||||
Reference in New Issue
Block a user