nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-10-05 15:47:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tweak colors and clean up repository column

Browse Source
This commit is contained in:
Nicholas Zuber 2020-02-10 19:08:11 -05:00
parent f20066d2ad
commit d854c7e642
3 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/NotificationsRedesign/redesign/Scene.js
View File

@ -861,7 +861,7 @@ export default function Scene ({
</SortingItem>
</NotificationCell>
{/* Repository */}
<NotificationCell flex={2} css={css`@media (max-width: ${WIDTH_FOR_MEDIUM_SCREENS}) { display: none; }`}>
<NotificationCell flex={1.5} css={css`@media (max-width: ${WIDTH_FOR_MEDIUM_SCREENS}) { display: none; }`}>
<SortingItem
sort={Sort.REPOSITORY}
descending={descending}
@ -1051,6 +1051,7 @@ function NotificationCollection ({
<NotificationTitle css={css`
display: flex;
align-items: center;
transition: all 200ms ease;
i {
font-size: 10px;
margin-right: 6px;
@ -1066,33 +1067,26 @@ function NotificationCollection ({
</NotificationTitle>
{/* Byline */}
<NotificationByline>
{/* {user && user.avatar_url && (
<img
css={css`
border-radius: 100%;
height: 12px;
width: 12px;
margin-right: 5px;
`}
src={user.avatar_url}
/>
)} */}
{getMessageFromReasons(item.reasons, item.type)}
{` ${getRelativeTime(item.updated_at).toLowerCase()}`}
</NotificationByline>
</NotificationCell>
{/* Repository */}
<NotificationCell
flex={2}
flex={1.5}
onClick={() => window.open(item.repositoryUrl)}
css={css`
font-weight: 500;
color: #8994A6;
padding-left: 20px;
@media (max-width: ${WIDTH_FOR_MEDIUM_SCREENS}) {
display: none;
}
`}>
{'@' + item.repository}
{'@' + item.repository.split('/')[0]}
<NotificationByline>
{item.repository.split('/')[1]}
</NotificationByline>
</NotificationCell>
{/* Score */}
<NotificationCell

1
src/pages/NotificationsRedesign/redesign/ui/ui.js
View File

@ -601,6 +601,7 @@ export const NotificationCell = enhance(styled('td')`
export const NotificationTitle = enhance(styled('span')(p => `
font-size: 14px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

4
src/pages/NotificationsRedesign/redesign/utils.js
View File

@ -110,9 +110,9 @@ export function getPRIssueIcon (type, _reasons, dark) {
);
case 'Issue':
return (
<NotificationIconWrapper css={css`background: #DBE7FF;`}>
<NotificationIconWrapper css={css`background: ${ThemeColor(dark)}29;`}>
<i className="fas fa-exclamation" css={css`
color: #4C84FF;
color: ${ThemeColor(dark)};
font-size: 18px;
`}></i>
</NotificationIconWrapper>