Skip to content

Instantly share code, notes, and snippets.

@bpartridge
Last active October 10, 2024 16:21
Show Gist options
  • Save bpartridge/cd18ace7e9666c29ce200b7c5f01c46e to your computer and use it in GitHub Desktop.
Save bpartridge/cd18ace7e9666c29ce200b7c5f01c46e to your computer and use it in GitHub Desktop.
Airtable Multi-Line Header Customizations
#hyperbaseContainer .headerRow .cell .truncate-pre {
white-space: normal;
overflow: hidden;
text-overflow: clip;
background-color: #f5f5f5;
}
#hyperbaseContainer .headerRow .cell.read .contentWrapper {
height: 70px;
background-color: #f5f5f5;
border-bottom: 1px solid hsl(0,0%,82%);
}
#hyperbaseContainer .headerRow .cell,
#hyperbaseContainer .headerLeftPane,
#hyperbaseContainer .headerLeftPane > .paneInnerContent,
#hyperbaseContainer .headerRow, .headerRow .staticCellContainer,
#hyperbaseContainer .headerRow .staticCellContainer .rowNumber,
#hyperbaseContainer .headerRightPane,
#hyperbaseContainer .headerRightPane > .paneInnerContent,
#hyperbaseContainer .gridHeaderRowAddFieldButton {
height: 70px !important;
}
#hyperbaseContainer .dataLeftPane, .dataRightPane {
margin-top: 40px;
}
#hyperbaseContainer .fillHandleWrapper {
top: 72px;
}
#hyperbaseContainer .findInView {
top: unset;
bottom: 0;
border-width: 1px !important;
}
#hyperbaseContainer [data-columntype="select"][data-columnid="fldKDCWaI0ajjR66N"] .choiceToken.truncate .truncate-pre {
letter-spacing: -0.8px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment