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

polls: Fix transition issue for "Add" and "New" option in dark theme.

Browse Source 
Resolved a transition issue in the polls UI when switching between dark and light modes. This fixes visual inconsistencies and ensures smoother transitions, improving the overall user experience.

Fixes #30628.
This commit is contained in:
Aditya
2024-07-06 02:41:00 +05:45
committed by Tim Abbott
parent 20fef7576d
commit 22c300439f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/widgets.css
View File

@@ -127,12 +127,8 @@
& input[type="text"] { & input[type="text"] {
/* Reset from zulip.css */ /* Reset from zulip.css */
height: unset; height: unset;
border: 1px solid hsl(0deg 0% 80%); border: 1px solid hsl(0deg 0% 80%);
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%); box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
transition:
border-color linear 0.2s,
box-shadow linear 0.2s;
border-radius: 4px; border-radius: 4px;
color: hsl(0deg 0% 33%); color: hsl(0deg 0% 33%);
@@ -141,6 +137,9 @@
outline: 0; outline: 0;
box-shadow: none; box-shadow: none;
background-color: var(--color-background-widget-input); background-color: var(--color-background-widget-input);
transition:
border-color linear 0.2s,
box-shadow linear 0.2s;
} }
} }
} }
@@ -219,19 +218,20 @@ button {
padding: 4px; padding: 4px;
padding-left: 14px; padding-left: 14px;
padding-right: 14px; padding-right: 14px;
transition: none 0.2s ease;
transition-property: background-color, border-color, color; transition-property: background-color, border-color, color;
&:hover, &:hover,
&:focus { &:focus {
outline: 0; outline: 0;
border-color: hsl(156deg 30% 50%); border-color: hsl(156deg 30% 50%);
transition: none 0.2s ease;
} }
&:active { &:active {
border-color: hsl(156deg 30% 40%); border-color: hsl(156deg 30% 40%);
color: hsl(156deg 44% 43%); color: hsl(156deg 44% 43%);
background-color: hsl(154deg 33% 96%); background-color: hsl(154deg 33% 96%);
transition: none 0.2s ease;
} }
} }
} }