Fix Upvote/Downvote
This commit is contained in:
@@ -160,11 +160,60 @@ li[component="post"] [component="post/upvote"] {
|
|||||||
color: var(--bs-primary);
|
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 {
|
&.upvoted::before {
|
||||||
color: #d47a87;
|
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,
|
.topic-sidebar-tools .btn,
|
||||||
[component="topic/navigator"] {
|
[component="topic/navigator"] {
|
||||||
background: rgba(255, 255, 255, 0.018) !important;
|
background: rgba(255, 255, 255, 0.018) !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user