feat: animate gear icon reveal on badge hover
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -31,12 +31,17 @@ html.rt-enabled .thing.link .flat-list li:has(> .comments) {
|
|||||||
/* --- Subreddit badge: relative for gear positioning --- */
|
/* --- Subreddit badge: relative for gear positioning --- */
|
||||||
.rt-badge--subreddit {
|
.rt-badge--subreddit {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-right: 18px;
|
padding-right: 6px;
|
||||||
|
transition: padding-right 0.15s;
|
||||||
background: var(--rt-sub-bg, #fde8e0);
|
background: var(--rt-sub-bg, #fde8e0);
|
||||||
border-color: var(--rt-sub-border, #c84a20);
|
border-color: var(--rt-sub-border, #c84a20);
|
||||||
color: var(--rt-sub-text, #c84a20);
|
color: var(--rt-sub-text, #c84a20);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.rt-badge--subreddit:hover {
|
||||||
|
padding-right: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
.rt-badge--comments {
|
.rt-badge--comments {
|
||||||
background: var(--rt-com-bg, #e0e0e0);
|
background: var(--rt-com-bg, #e0e0e0);
|
||||||
border-color: var(--rt-com-border, #4a4a4a);
|
border-color: var(--rt-com-border, #4a4a4a);
|
||||||
|
|||||||
Reference in New Issue
Block a user