Bigger highlight on navigation buttons

This commit is contained in:
Niléane 2024-02-19 14:21:41 +01:00
commit 5bb2d3c2f1
No known key found for this signature in database
3 changed files with 12 additions and 12 deletions

View file

@ -3561,15 +3561,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -48px; left: -52px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -13px; top: -14px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 50px;
z-index: -1; z-index: -1;
bottom: -13px; bottom: -14px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

View file

@ -3561,15 +3561,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -48px; left: -52px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -13px; top: -14px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 50px;
z-index: -1; z-index: -1;
bottom: -13px; bottom: -14px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

View file

@ -3561,15 +3561,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-link--transparent span::before { .app-body .column-link--transparent span::before {
content: " "; content: " ";
left: -48px; left: -52px;
background-color: transparent; background-color: transparent;
transition: .3s background-color; transition: .3s background-color;
top: -13px; top: -14px;
right: -16px; right: -16px;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 50px;
z-index: -1; z-index: -1;
bottom: -13px; bottom: -14px;
} }
.app-body .column-link--transparent:hover span::before { .app-body .column-link--transparent:hover span::before {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);