Patch #44341 » 0001-Improve-top-menu-hover-44341.patch
| app/assets/stylesheets/application.css | ||
|---|---|---|
| 80 | 80 |
background: #234761; /* no match in Open Color, using hex code */ |
| 81 | 81 |
color: var(--oc-gray-2); |
| 82 | 82 |
font-size: 0.75rem; |
| 83 |
padding-inline: 20px;
|
|
| 83 |
padding-inline: 14px;
|
|
| 84 | 84 |
display: flex; |
| 85 | 85 |
justify-content: space-between; |
| 86 | 86 |
align-items: center; |
| ... | ... | |
| 91 | 91 |
padding: 0; |
| 92 | 92 |
display: flex; |
| 93 | 93 |
list-style-type: none; |
| 94 |
gap: 12px; |
|
| 95 | 94 |
} |
| 96 | 95 | |
| 97 |
.top-menu__links a, .top-menu__links a:link, .top-menu__links a:visited {
|
|
| 96 |
.top-menu__links a, .top-menu__links a:link, .top-menu__links a:visited, #account .dropdown-trigger {
|
|
| 98 | 97 |
color: var(--oc-gray-1); |
| 99 | 98 |
text-decoration: none; |
| 100 | 99 |
transition: background-color 0.18s ease, color 0.18s ease; |
| 101 | 100 |
transform-origin: center; |
| 101 |
padding-block: 3px; |
|
| 102 |
padding-inline: 6px; |
|
| 102 | 103 |
} |
| 103 | 104 | |
| 104 |
.top-menu__links a:hover {
|
|
| 105 |
.top-menu__links a:hover, #account .dropdown-trigger:hover {
|
|
| 105 | 106 |
color: var(--oc-white); |
| 106 | 107 |
background-color: rgba(255, 255, 255, 0.12); |
| 107 | 108 |
text-decoration: none; |
| ... | ... | |
| 116 | 117 |
stroke: var(--oc-white); |
| 117 | 118 |
} |
| 118 | 119 | |
| 119 |
#account.top-menu__links {
|
|
| 120 |
padding-block: 3px; |
|
| 121 |
} |
|
| 122 | ||
| 123 | 120 |
#account .dropdown-content .user-info {
|
| 124 | 121 |
padding-block: 6px; |
| 125 | 122 |
padding-inline: 16px; |
