-
-
Save aurooba/a86851532ce89b45368eddc29c5d853b to your computer and use it in GitHub Desktop.
Tweaked Alex Hillmans CL Pro User Styles to reflect CK changes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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