mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 21:43:21 +00:00
b4f35bd54e
Add a background highlight to vote count button if currently logged in user votes on that option. Tweaked by tabbott to use better variable names and Rishi for better styling.
140 lines
2.3 KiB
SCSS
140 lines
2.3 KiB
SCSS
.widget-choices ul {
|
|
padding: 3px;
|
|
}
|
|
|
|
.widget-choices li {
|
|
padding: 2px;
|
|
list-style: none;
|
|
}
|
|
|
|
.widget-choices button {
|
|
font-weight: 700;
|
|
color: hsl(240, 100%, 50%);
|
|
}
|
|
|
|
.widget-choices-heading {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.todo-widget h4,
|
|
.poll-widget h4 {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.todo-widget li,
|
|
.poll-widget li {
|
|
list-style: none;
|
|
margin: 2px 2px 2px 0px;
|
|
}
|
|
|
|
.todo-widget ul,
|
|
.poll-widget ul {
|
|
margin: 0px 0px 5px 0px;
|
|
padding: 0;
|
|
}
|
|
|
|
.poll-widget .poll-names .todo-widget {
|
|
font-size: 14px;
|
|
color: hsl(120, 100%, 25%);
|
|
}
|
|
|
|
.poll-widget .poll-option {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.poll-vote {
|
|
color: hsl(156, 41%, 40%);
|
|
border-color: hsl(156, 28%, 70%);
|
|
margin-right: 4px;
|
|
background-color: hsl(0, 0%, 100%);
|
|
}
|
|
|
|
button.task {
|
|
height: 20px;
|
|
width: 20px;
|
|
background-color: transparent;
|
|
border-color: hsl(156, 28%, 70%);
|
|
margin-right: 4px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
button.task:hover {
|
|
border: 1px solid hsl(194, 60%, 40%);
|
|
}
|
|
|
|
button.task-completed {
|
|
border-color: hsl(157, 18%, 77%);
|
|
padding: 0px;
|
|
}
|
|
|
|
img.task-completed {
|
|
width: 15px;
|
|
}
|
|
|
|
.poll-vote:hover {
|
|
border-color: hsl(156, 30%, 50%);
|
|
}
|
|
|
|
input.add-task,
|
|
button.add-task,
|
|
input.poll-option,
|
|
button.poll-option,
|
|
input.poll-question,
|
|
button.poll-question {
|
|
padding: 4px 6px;
|
|
margin: 2px 0px 2px 0px;
|
|
}
|
|
|
|
button.add-task,
|
|
button.poll-option,
|
|
button.poll-question {
|
|
border-radius: 3px;
|
|
border: 1px solid hsl(0, 0%, 80%);
|
|
background-color: hsl(0, 0%, 100%);
|
|
width: 100px;
|
|
}
|
|
|
|
button.add-task:hover,
|
|
button.poll-option:hover,
|
|
button.poll-question:hover {
|
|
border-color: hsl(0, 0%, 60%);
|
|
}
|
|
|
|
.widget-error {
|
|
color: hsl(1, 45%, 50%);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.poll-question-check,
|
|
.poll-question-remove {
|
|
width: 28px !important;
|
|
height: 28px;
|
|
border-radius: 3px;
|
|
border: 1px solid hsl(0, 0%, 80%);
|
|
background-color: hsl(0, 0%, 100%);
|
|
}
|
|
|
|
.poll-question-check:hover,
|
|
.poll-question-remove:hover {
|
|
border-color: hsl(0, 0%, 60%);
|
|
}
|
|
|
|
.poll-edit-question {
|
|
opacity: 0.4;
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.poll-edit-question:hover {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
.poll-question-header {
|
|
display: inline-block;
|
|
}
|
|
|
|
.current-user-vote {
|
|
background-color: hsla(156, 10%, 90%, .9);
|
|
}
|