Skip to content

Instantly share code, notes, and snippets.

@aurooba
Forked from alexknowshtml/CK Pro User Styles
Last active February 15, 2021 17:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aurooba/a86851532ce89b45368eddc29c5d853b to your computer and use it in GitHub Desktop.
Save aurooba/a86851532ce89b45368eddc29c5d853b to your computer and use it in GitHub Desktop.
Tweaked Alex Hillmans CL Pro User Styles to reflect CK changes
/* After switching stackingthebricks.com to ConvertKit in the last few months, I found a handful of things */
/* that seemed to slow me down/force additional scrolling, so I tried hiding them from the UI with these UserStyles */
/* Obviously, these are without warrantee and could potentially break, so don't blame me if they do. */
/* Also, I am not a designer so these may not make the UI better in _your_ eyes, but they make it better for me. 😅 */
/* Hide the dashboard graph (not useful enough to be there taking up 3/4 of the screen real estate every time I log in) */
.subscribers-index div[data-component='ReportsContainer'] {
min-height: 100px !important;
background: transparent;
}
.subscribers-index div[data-component='ReportsContainer'] .account-graph {
background: transparent;
}
.subscribers-index div[data-component='ReportsContainer'] .account-stats {
margin-bottom: 2rem;
border-bottom-width: 1px;
}
.subscribers-index div[data-component='ReportsContainer'] .container { display: none}
/* Widen the sidebar on the dashboard/subscriber page only to keep long tags + subscriber counts from wrapping */
.subscribers-index .sidebar--index { width:50%}
/* Hide the visual automation workflow previews. They are pretty but in terms of info density, */
/* they take up a ton of screen real estate and make it slow to find the automation I want to view. */
.workflow-card__content {display:none;}
/* Tweak to the sequence "cards" to remove the stats and increase the info density on this screen. */
/* Stat styling by Dave Ceddia (https://daveceddia.com). */
.courses-index .content-wrap {
display:block;
margin-top:75px;
}
.courses-index .content-wrap .sequence-item {
flex-direction: row;
width:100%;
border:none;
box-shadow:none;
padding: 5px;
margin:0;
background:none;
}
.courses-index .sequence-item__title::before {
display:none !important;
}
.courses-index .content-wrap .sequence-item span {
font-size:16px;
}
.courses-index .content-wrap .sequence-item strong {
font-size: 16px;
}
/* Hide the stats labels... */
.courses-index .content-wrap .sequence-item strong + span {
display: none !important;
}
/* ... but show the first set of labels as headings */
.courses-index .content-wrap .sequence-item:first-child strong + span {
display: block !important;
}
/* ... and then hide the Unsubscribes column because they aren't actually */
/* unsubscribes, just people who completed that sequence, and that's not really useful data */
/* this bit contributed by Taylor Bell (https://github.com/tayiorbeii) */
.sequence-item__stats > span.sequence-item__stat--conversions:last-child { display: none }
.courses-index .content-wrap .sequence-item .sequence-item__title {
padding-left: 5px;
flex-basis: 350px;
display: flex;
vertical-align: bottom;
align-items: flex-end;
}
.courses-index .content-wrap .sequence-item .subtitle {display:none !important;}
.courses-index .content-wrap .sequence-item span.sequence-item__stats {
float:right;
padding:0;
flex: 1;
}
.sequence-item__stats > .sequence-item__stat {
display: flex;
flex-direction: column;
flex: 1;
}
.sequence-item:first-child .sequence-item__stats > .sequence-item__stat span {
order: -1;
flex-basis: 3em;
color: #484848;
font-size: 14px;
font-weight: 600;
}
.sequence-item .sequence-item__space {
display: none;
}
.sequence-item__stats {
justify-content: flex-start;
border-top: none;
}
.sequence-item-wrap {
max-width: 850px;
margin: 0 auto;
}
.courses-index .content-wrap a.sequence-item:hover {
background: #dbe5f1;
transition: none;
}
.recent-subs {
display: none;
}
.overflow-hidden.bg-white {
height: 100px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment