Skip to content

Instantly share code, notes, and snippets.

@geoffreycrofte
Created February 21, 2024 11:32
Show Gist options
  • Save geoffreycrofte/948b02a16b2179a9142cf64bc19af23c to your computer and use it in GitHub Desktop.
Save geoffreycrofte/948b02a16b2179a9142cf64bc19af23c to your computer and use it in GitHub Desktop.
Atticus.io User Style - Custom styles for app.atticus.io
/* ==UserStyle==
@name atticus.io - 21/02/2024 12:31:00
@version 2.0.0
@description A user style for app.atticus.io
@author Geoffrey Crofte
==/UserStyle== */
.atticus-editor-container .editor-area .editor-textarea {
max-width: 80ch;
margin-inline: auto;
}
.chapter-block-item {
flex-wrap: wrap;
}
.chapter-block-item-container {
padding-left: 0;
}
.chapter-block-item-container > div:first-child {
display: none;
}
.chapter-block-item-container > a {
box-sizing: border-box;
display: block;
width: calc(100% - 1.6em);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chapter-block-item {
margin-left: 0!important;
padding-left: 16px!important;
}
.chapter-block-item-icon-container {
padding-top: 0!important;
}
.chapter-block-item .chapter-block-item-container .chapter-block-item-info-container {
align-items: center;
}
.action-group {
transition: all .3s;
}
.atticus-editor-container .editor-area {
scroll-behavior: smooth;
}
.editor-area :target {
scroll-margin-top: 5em;
}
.chapter-block-item:has(.js-subtitles:hover) .action-group {
opacity: 0;
}
.chapter-block-item .action-group {
align-items: flex-start;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment