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; 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 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 we will add it back on for the simple news alerts we decide to show
*/ */
.news .alert.create.simple, .news .alert.create.simple,
.news .alert.create.simple .body { .news .alert.create.simple .body {
padding-top: 0; padding-top: 0 !important;
padding-bottom: 0; padding-bottom: 0 !important;
} }
/* Add padding back to the contents of simple news alerts in Dashboard */ /* 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 { .news .alert.create.simple .body .time {
padding-top: 1em; padding-top: 1.5em !important;
padding-bottom: 1em; }
.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 */ /* 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; display: none;
} }
/* Increase visibility of news item when someone stars a repo */ /* Align items top to bottom */
.watch_started.simple .body { .news .alert .body,
min-height: 55px; .news .alert .body .simple {
display: flex;
flex-direction: column;
} }
svg.octicon.octicon-star.dashboard-event-icon { /* Move time to the top of news item */
height: 32px !important; .news .alert .body .time {
width: 28px !important; order: -1;
} }
.watch_started .time { /* Highlight all the titles */
position: absolute; .news .alert .body .title {
top: 10px;
left: 45px;
}
.watch_started.simple.alert .simple .title {
position: absolute;
top: 26px;
font-size: 14px !important; font-size: 14px !important;
font-weight: bold; font-weight: 600 !important;
color: inherit !important; color: inherit !important;
} }
/* Created repository style in dashboard */ /* Increase size of all event icons */
.news .create.simple.alert .body { .news .alert svg.octicon.dashboard-event-icon {
min-height: 69px;
}
svg.octicon.octicon-repo.dashboard-event-icon {
height: 32px !important; height: 32px !important;
width: 28px !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 */ /* Decrease font-size on commit details so our custom patch and diff links fit */
.commit .sha-block { .commit .sha-block {

Loading…
Cancel
Save