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

compose_send_button: Use box shadow instead of outline on focus.

Browse Source 
This gives rounded corners to outline on focus instead of square
which looks bad.
This commit is contained in:
Aman Agrawal
2021-07-14 09:53:56 +05:30
committed by Tim Abbott
parent 4d37215c3d
commit 7e0d26cd83
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/styles/app_components.css
View File

@@ -585,4 +585,10 @@ div.overlay {
background-color: hsl(240, 41%, 50%);
box-shadow: 0 1px 4px hsl(0, 0%, 0%, 0.3);
}
&:focus {
background-color: hsl(240, 41%, 50%);
box-shadow: 0 1px 4px 0 hsl(235, 18%, 7%);
outline: none;
}
}

4
static/styles/night_mode.css
View File

@@ -1081,6 +1081,10 @@ body.night-mode {
.auto-select:focus {
outline-color: hsl(0, 0%, 67%);
}
.animated-purple-button:focus {
box-shadow: 0 1px 4px 0 hsl(0, 0%, 100%, 0.666);
}
}
@supports (-moz-appearance: none) {