mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

Using outline instead of box-shadow around avatars

Browse Source
This commit is contained in:
Niléane 2023-12-17 18:54:45 +01:00
parent 2ed5ca4576
commit 7185566f92
No known key found for this signature in database
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
TangerineUI-cherry.css
View File

@ -1294,8 +1294,8 @@ body.app-body {
margin-bottom: -10px;
z-index: 2;
border-radius: 50%;
box-shadow: 0 0 0 6px var(--color-content-bg);
transition: box-shadow .3s;
outline: 6px solid var(--color-content-bg);
transition: outline .3s;
}
.app-body .reply-indicator__content,
.app-body .status__content {
@ -1443,11 +1443,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background: var(--color-content-bg-focus);
}
.app-body .status__wrapper:has(.status__content:hover) .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
/* 👁️ Post detailed view */

8
TangerineUI-purple.css
View File

@ -1293,8 +1293,8 @@ body.app-body {
margin-bottom: -10px;
z-index: 2;
border-radius: 50%;
box-shadow: 0 0 0 6px var(--color-content-bg);
transition: box-shadow .3s;
outline: 6px solid var(--color-content-bg);
transition: outline .3s;
}
.app-body .reply-indicator__content,
.app-body .status__content {
@ -1442,11 +1442,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background: var(--color-content-bg-focus);
}
.app-body .status__wrapper:has(.status__content:hover) .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
/* 👁️ Post detailed view */

8
TangerineUI.css
View File

@ -1293,8 +1293,8 @@ body.app-body {
margin-bottom: -10px;
z-index: 2;
border-radius: 50%;
box-shadow: 0 0 0 6px var(--color-content-bg);
transition: box-shadow .3s;
outline: 6px solid var(--color-content-bg);
transition: outline .3s;
}
.app-body .reply-indicator__content,
.app-body .status__content {
@ -1442,11 +1442,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
background: var(--color-content-bg-focus);
}
.app-body .status__wrapper:has(.status__content:hover) .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
}
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
box-shadow: 0 0 0 6px var(--color-content-bg-focus);
outline: 6px solid var(--color-content-bg-focus);
}
/* 👁️ Post detailed view */