Patch #44293 ยป account_menu_caret.patch
| app/assets/stylesheets/dropdown.css | ||
|---|---|---|
| 16 | 16 |
text-decoration: none; |
| 17 | 17 |
} |
| 18 | 18 | |
| 19 |
.dropdown-caret {
|
|
| 20 |
display: inline-block; |
|
| 21 |
margin-inline-start: 6px; |
|
| 22 |
border-inline: 4px solid transparent; |
|
| 23 |
border-block-start: 5px solid var(--oc-gray-1); |
|
| 24 |
border-block-end: 0; |
|
| 25 |
transition: transform 0.15s ease; |
|
| 26 |
} |
|
| 27 | ||
| 28 |
.dropdown:has(> .dropdown-content:not(.hidden)) .dropdown-caret {
|
|
| 29 |
transform: rotate(180deg); |
|
| 30 |
} |
|
| 31 | ||
| 19 | 32 |
.dropdown-content {
|
| 20 | 33 |
position: absolute; |
| 21 | 34 |
inset-block-start: 100%; |
| app/views/layouts/base.html.erb | ||
|---|---|---|
| 68 | 68 |
<div id="account" class="dropdown" data-controller="dropdown"> |
| 69 | 69 |
<a href="#" class="dropdown-trigger" data-action="click->dropdown#toggle"> |
| 70 | 70 |
<%= avatar(User.current, :size => "22") %> |
| 71 |
<span class="dropdown-caret" aria-hidden="true"></span> |
|
| 71 | 72 |
</a> |
| 72 | 73 |
<div class="dropdown-content hidden" data-dropdown-target="content"> |
| 73 | 74 |
<div class="user-info"> |