Allow Airtable headers to span 3 lines, move Find to bottom right, and condense Single Select columns for high-density views
Airtable Multi-Line Headings & More by bpartridge
Details
Authorbpartridge
LicensePublic Domain
Categoryairtable.com
Created
Updated
Size1.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Airtable Multi-Line Headings & More
@version 20241010.18.48
@namespace https://userstyles.world/user/bpartridge
@description Allow Airtable headers to span 3 lines, move Find to bottom right, and condense Single Select columns for high-density views
@author bpartridge
@license Public Domain
==/UserStyle== */
@-moz-document domain("airtable.com") {
#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"] .truncate-pre,
#hyperbaseContainer [data-columntype="multiSelect"] .truncate-pre,
#hyperbaseContainer .choiceToken .truncate-pre
{
letter-spacing: -0.7px;
}
}