paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-01 20:44:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

widgets: Improve visual style for Polls.

Browse Source
This commit is contained in:
nooblag
2021-09-29 21:23:02 +10:00
committed by Tim Abbott
parent 5dd8fbdf19
commit a8b529b3ed
2 changed files with 39 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/styles/night_mode.css
View File

@@ -202,7 +202,7 @@ body.night-mode {
.new-style .button {
background-color: hsla(0, 0%, 0%, 0.2);
&:not(.sea-green):not(.btn-danger):not(.btn-warning):not(.btn-link) {
&:not(.sea-green):not(.btn-danger):not(.btn-warning):not(.btn-link):not(.poll-vote) {
border-color: hsla(0, 0%, 0%, 0.6);
color: inherit;
}
@@ -1101,6 +1101,28 @@ body.night-mode {
background-color: hsl(228, 96%, 71%);
}
}
/* Widgets: Poll */
.poll-widget {
.poll-vote {
color: hsl(185, 35%, 65%);
border-color: hsl(185, 35%, 35%);
&:hover {
color: hsl(185, 50%, 70%);
border-color: hsl(185, 40%, 40%);
background-color: hsl(185, 20%, 20%);
}
&:focus {
color: hsl(185, 50%, 65%);
border-color: hsl(185, 40%, 50%);
background-color: hsl(185, 40%, 35%);
}
}
.poll-names {
color: hsl(236, 15%, 70%);
}
}
}
@supports (-moz-appearance: none) {

17
static/styles/widgets.css
View File

@@ -35,7 +35,7 @@
li {
list-style: none;
margin: 2px 2px 2px 0;
margin: 2px 2px 6px 0;
}
ul {
@@ -52,17 +52,32 @@
.poll-option {
font-weight: 600;
font-size: 12pt;
}
.poll-vote {
color: hsl(156, 41%, 40%);
border-color: hsl(156, 28%, 70%);
border-style: solid;
border-radius: 3px;
margin-right: 4px;
padding-left: 2px; /* padding for Chromium browsers */
padding-right: 2px;
min-width: 28px;
background-color: hsl(0, 0%, 100%);
&:hover {
border-color: hsl(156, 30%, 50%);
}
&:focus {
outline: 0;
background-color: hsl(156, 41%, 90%);
}
}
.poll-names {
color: hsl(0, 0%, 45%);
padding-left: 4px;
font-size: 10pt;
}
}