Bigger highlight on navigation buttons
This commit is contained in:
parent
ebfd758ac2
commit
5bb2d3c2f1
3 changed files with 12 additions and 12 deletions
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue