Browse Source

Simplify CSS for the dashboard (#599)

master
Ram Lmn 7 years ago
committed by Sindre Sorhus
parent
commit
8957c74e5f
  1. 69
      extension/content.css

69
extension/content.css

@ -248,21 +248,33 @@ forked a repo
min-height: 1px;
}
.news .alert {
padding: 0 0 0 45px !important;
}
.news .alert .body {
padding: 1em 0 !important;
}
/*
Remove padding from body of simple news alerts in Dashboard since some will be hidden
we will add it back on for the simple news alerts we decide to show
*/
.news .alert.create.simple,
.news .alert.create.simple .body {
padding-top: 0;
padding-bottom: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Add padding back to the contents of simple news alerts in Dashboard */
.news .alert.create.simple .body .title,
.news .alert.create.simple .body .title {
padding-bottom: 1.5em !important;
}
.news .alert.create.simple .body .time {
padding-top: 1em;
padding-bottom: 1em;
padding-top: 1.5em !important;
}
.news .alert.create.simple .body .dashboard-event-icon {
top: 22px !important;
}
/* Don't show contents of simple news alert in Dashboard when you create a branch */
@ -272,53 +284,32 @@ we will add it back on for the simple news alerts we decide to show
display: none;
}
/* Increase visibility of news item when someone stars a repo */
.watch_started.simple .body {
min-height: 55px;
/* Align items top to bottom */
.news .alert .body,
.news .alert .body .simple {
display: flex;
flex-direction: column;
}
svg.octicon.octicon-star.dashboard-event-icon {
height: 32px !important;
width: 28px !important;
/* Move time to the top of news item */
.news .alert .body .time {
order: -1;
}
.watch_started .time {
position: absolute;
top: 10px;
left: 45px;
}
.watch_started.simple.alert .simple .title {
position: absolute;
top: 26px;
/* Highlight all the titles */
.news .alert .body .title {
font-size: 14px !important;
font-weight: bold;
font-weight: 600 !important;
color: inherit !important;
}
/* Created repository style in dashboard */
.news .create.simple.alert .body {
min-height: 69px;
}
svg.octicon.octicon-repo.dashboard-event-icon {
/* Increase size of all event icons */
.news .alert svg.octicon.dashboard-event-icon {
height: 32px !important;
width: 28px !important;
}
.create.simple.alert .simple .title {
position: absolute;
top: 10px;
font-size: 14px !important;
font-weight: bold;
color: inherit !important;
}
.create.simple.alert .simple .time {
position: absolute;
top: -2px;
left: 45px;
}
/* Decrease font-size on commit details so our custom patch and diff links fit */
.commit .sha-block {

Loading…
Cancel
Save