Remove avatar button chrome
Authored by
mfwolffe <wolffemf@dukes.jmu.edu>
- SHA
5b08db2105e3dd744a5dd5fe433930362096038e- Parents
-
d805ee8 - Tree
e3e62dd
5b08db2
5b08db2105e3dd744a5dd5fe433930362096038ed805ee8
e3e62dd| Status | File | + | - |
|---|---|---|---|
| M |
internal/web/static/css/shithub.css
|
9 | 5 |
internal/web/static/css/shithub.cssmodified@@ -443,17 +443,21 @@ code { | ||
| 443 | 443 | padding: 0; |
| 444 | 444 | width: 34px; |
| 445 | 445 | height: 34px; |
| 446 | - border: 1px solid var(--border-default); | |
| 447 | - border-radius: 6px; | |
| 446 | + border: 0; | |
| 447 | + border-radius: 50%; | |
| 448 | 448 | background: transparent; |
| 449 | 449 | cursor: pointer; |
| 450 | 450 | color: var(--fg-default); |
| 451 | 451 | } |
| 452 | -.shithub-user-menu > summary:hover { background: var(--canvas-subtle); } | |
| 452 | +.shithub-user-menu > summary:hover { background: transparent; } | |
| 453 | +.shithub-user-menu > summary:focus-visible { | |
| 454 | + outline: 2px solid var(--accent-emphasis); | |
| 455 | + outline-offset: 2px; | |
| 456 | +} | |
| 453 | 457 | .shithub-user-menu > summary::-webkit-details-marker { display: none; } |
| 454 | 458 | .shithub-user-menu-avatar { |
| 455 | - width: 24px; | |
| 456 | - height: 24px; | |
| 459 | + width: 32px; | |
| 460 | + height: 32px; | |
| 457 | 461 | border-radius: 50%; |
| 458 | 462 | display: block; |
| 459 | 463 | background: var(--canvas-default); |