All notable changes to the Pixel Banner plugin will be documented in this file.
- The Targeting Modal is now draggable (can help move it out of the way to see the banner)
- Updated the padding and height of embedded notes without banners to shrink to their content
- Improved cache to include banner icons
- Fixed issue with select image icon being added to embedded notes
- Addressed issue with target icon button not being cleaned up when viewing a note without a banner
- Resolved custom inline title colors being applied to notes without banners
- Resolved issue with Pixel Banner plugin preventing notes from being exported to PDF
- New Targeting Modal with controls to set zoom level, height, and position for your banner image
- Command palette option and icon button to quickly open the targeting modal
- fixed issue with banner not updating correctly when frontmatter changes
- improved banner refresh logic to prevent unnecessary updates
- optimized cache management for better performance
- improved banner width styling to combat the aggressive implementation of the
minimal
theme
- added
font weight
option to the banner icon settings (general, folder images, and frontmatter)
- fixed issue with a large gap appearing between the banner and the note content when using the
hide embedded note banners
setting
- added
banner-fade-in-animation-duration
general setting to control the duration of the fade in animation for the banner image
- replaced
icon-padding
withicon-padding-x
andicon-padding-y
for more granular control
- resolved issue with the banner updating while editing a note's content (causing the banner to flicker)
- resolved issue with the banner icon not being preserved when scrolling to the bottom of a note
- Add emoji overlays (⭐, 🎨, 📝, etc.) to your banners
- Customize icon appearance:
- Size (10-200px)
- Position (left/right alignment)
- Opacity (0-100%)
- Color (any CSS color)
- Background color (any CSS color or transparent)
- Padding (spacing around the icon)
- Border radius (rounded corners)
- Vertical offset (adjust up/down position)
- Set icons in multiple ways:
- Click the ⭐ button on any banner to choose an icon
- Set via frontmatter using banner-icon field (or your custom field name)
- Configure default icon settings globally
- Set per-folder icon settings
- Icons persist across banner image changes and refreshes
- Icons work with all banner types (API images, local images, URLs)
- Icons appear in both edit and preview modes
- Icons maintain their position relative to banner height
- Removed the "fade-in" animation from banner images
- Fixed issue where content start position was not being applied from General settings
- Show example frontmatter values for each field in "Custom Field Names" settings tab
- Updated CSS to address padding issue with
Bread Crumbs
andTypwriter Mode
plugins
- Horizontal image positioning with new X-Position slider
- X-Position support in General, Folder Image, and Frontmatter settings
- Support for SVG images
- Pinning a Banner Image now uses internal link format (similar to the Select Banner Image modal)
- Set a max width for the Banner Image selection modal (1100px)
- The "Cleaned Orphaned Pins" button now correctly evaluates internal links in addition to plain paths
- Mobile layout improvements for Banner Image selection modal
- Quote paths when inserting a Banner Image from the Banner Image selection modal
- Switch to internal image reference format when Selecting a Banner Image
- Option to use
short paths
for image references (e.g.[[forest.jpg]]
instead of[[path/forest.jpg]]
) - New setting to set the gap between the banner and the window edges (0-50 pixels)
- Improved the Banner Image selection modal UI
- Sorting and Pagination controls for the Banner Image selection modal
(great for finding images in a large vault with many images)
- Add support for render links for banners (e.g.
![[banner.jpg]]
)
- Fixed an issue with "content start" padding being applied to embedded notes without a banner
- Fixed an issue with "Banner Shuffle" not working when defined via frontmatter
- New setting to hide embedded note banners
- Fixed an issue with embedded note banner's "content start" position not being obeyed
- Fixed an issue with using the
Select Image
button to select an image with a[
in the filename
- Option to select/upload images from your file system when using the
Select Image
button
- New 🏷️
Select Image
button icon to streamline selecting banner images via an image search modal (enabled by default) - Default path setting to pre-filter the image search modal to a specific folder in your vault
- New command palette option to quickly open the image search/selection modal
- These enhancements make applying Pixel Banners to your notes simpler and more intuitive than ever
- New setting to hide embedded note titles
- Adjusted dynamic CSS calculations for banner positioning, padding, and scrollbar width
- Banner width now updates when the window is resized
- Banner width is now compatible with the popular
minimal
theme
- New
view image
button icon option to open the banner image in a full-screen modal (works with plugins likeimage toolkit
, etc.)
- 🔀 Random Image Shuffle functionality
- Folder Images: You can enable random image selection from a specified folder in settings
- Frontmatter Support: Use
banner-shuffle
in frontmatter to specify a folder path for random image selection - Images are randomly selected each time the note is opened
- This feature is perfect for adding variety to your notes with minimal setup using local images
- Abity to 📌 Pin URL banners
- Banners were being applied to the background of embedded media (images, videos, etc.)
- Improved Pexels API key validation
- Removed old console logs entries
- Color Picker Reset button for Folder Images tab (only applies if Inline Titles are enabled in Obsidian Settings)
- Display the correct color in the Color Picker for Inline Titles when the control is reset
- Color Picker for Inline Titles
- Only applied if Inline Titles are enabled in Obsidian Settings:
Appearance
>Show inline title
- Can be defined on the General, Custom Field Names, and Folder Images tabs
- Only applied if Inline Titles are enabled in Obsidian Settings:
- Fixed overaggressive banner API refresh when editor content changed
- Fixed Pexels API key test
- Option to Hide Pixel Banner property fields from displaying when in Reading Mode
- Option to Hide the Property Section from displaying in Reading Mode if the only fields are Pixel Banner fields
- Event listener to update banner when note frontmatter is updated via Obsidian's Property Menu
- Banner image not updating when image is replaced
- Banner image overlapping with note content
- Banner image impacting absolute-positioned and floated elements
- Unsplash API support
- Flickr API support
- Random API provider selection
- fix Note properties z-index
- Fix z-index issue with banner image
- Fix issue when Note elements have "css float" applied (content being pushed down)
- Content Start and Y Position inheritance issues
- Fixed issue where the Pin and Refresh Icons would sometimes display on notes without banners
- Fixed caching issue where banners from notes viewed previously would display on new/other notes
- Added command palette commands for Pin and Refresh actions
- Commands are contextually available based on current note and settings
- Added Fuzzy Suggest Modal for Folder Selection when Pinning a Banner Image
- Pin and Refresh Icons are now semi-transparent unless hovered over as to not be too distracting
- Removed Pin and Refresh Icons from showing in Embedded Notes
- Added a Refresh Icon that appears next to the pin icon for random API images
- Click the refresh icon (🔄) to instantly fetch a new random image
- Enable/Disable the Refresh Icon in Settings (dependent on Pin Icon being enabled)
- Scroll the pin icon with note content
- When "Pinning" an image, the plugin now waits for potential a rename/move of the file to the local vault before updating the note frontmatter
- "Pinnings" now correctly updates note frontmatter to use local image when saving if the note didn't already have a banner field
- Note frontmatter now updated to allow for keywords separated by commas when using API (allowing for more random variety per note)
Folder Images
keywords input now supports multiple keywords separated by commas (allowing for more random variety per folder)
- Issue where a defined "Folder Images" path of root
/
was not being respected
- Description message in settings not appearing correctly
- Pin Icon Feature: Save API images to your vault
- Click the pin icon (📌) to save random banner images locally
- Choose custom filenames when saving
- Automatically updates note frontmatter to use local image
- Configure save location in settings
- Orphaned Pins Cleanup: New utility to remove unused pinned images
- Clean up button in settings
- Safely moves unused images to trash
- Checks all custom banner field names
- API Test Buttons: Added "Test API" buttons for both Pexels and Pixabay API keys
- Instantly verify if your API keys are valid
- Visual feedback with success/failure notifications
- Prevents invalid API key submissions
- Settings UI: Fixed issue with callout text visibility when inputs have focus
- Border Radius: Customize the corner radius of banner images (0-100 pixels; default 17)
- Global default setting
- Folder-specific override
- Per-note override via frontmatter
- New custom field names for border radius
- Updated examples to showcase border radius options
- Banner Height: Customize the height of banner images (100-2500 pixels; default 350)
- Global default setting
- Folder-specific override
- Per-note override via frontmatter
- Banner Fade Effect: Control the fade transparency (-1500 to 100)
- Global default setting
- Folder-specific override
- Per-note override via frontmatter
- New custom field names for banner height and fade effect
- Updated settings interface with slider controls for fade effect
- Direct Children Only option for Folder Images
- Enable this option to apply the banner settings only to the direct children of the specified folder, excluding subfolders.
- Improved settings UI with better organization of controls
- Enhanced visual feedback for settings changes
- Updated examples to showcase new banner height and fade options
- Fixed issue where banner image was not being displayed if it was an interal link not wrapped in quotes
- Fixed issue where the banner image z-index was overlapping the properties block
- Fixed issue with Obsidian's virtual DOM removing the banner image and causing image flicker
- Multiple custom field names: Users can now define multiple names for each frontmatter field
- Comma-separated field name definitions in settings
- Validation to prevent duplicate field names across all settings
- Validation to prevent spaces within individual field names
- Enhanced settings UI with clearer instructions for multiple field names
- Updated examples in the settings tab to randomly showcase different field name options
- Custom field names are now stored as arrays instead of single strings
- Improved validation feedback when entering invalid field names
- Updated documentation to reflect multiple field name support
- Rebrand to Pixel Banner
- Add support for Pixabay API
- Save and switch between API providers in settings
- Add Banner Image Display options: cover, contain, and auto
- Allow Image Repeat when "contain" is selected
- Updated settings interface
- Fixed issue where banner images were not being displayed in embedded notes
- Content Start Position: Allow users to set a custom start position for content below the banner image
- New setting in the plugin configuration for Content Start Position
- Frontmatter field
content-start-position
to override the global setting on a per-note basis - Added compatibility with Obsidian's lasted version release 1.7.2+ (deferred views)
- Embedding notes with banner images is currently not supported, but will be in a future release
- Folder-specific banner images: Set default banner images for entire folders
- Folder selection dialog: Improved UX for selecting folder paths in settings
- Automatic settings application: Changes in settings are now immediately applied to all open notes
- Reset button for default keywords: Added ability to reset default keywords to original values
- Improved settings layout: Reorganized settings for better clarity and ease of use
- Enhanced API key description: Clarified when the Pexels API key is required
- Updated default keywords: Expanded the list of default keywords for more variety
- Improved input field layouts: API key and Default keywords inputs now span full width
- Cache invalidation: Resolved issues with cached images not updating when settings changed
- Custom field names feature: Users can now customize the frontmatter field names for the banner and Y-position.
- New settings in the plugin configuration to set custom field names.
- Reset buttons for each custom field name setting.
- Validation to ensure custom field names are unique.
- Updated the
updateBanner
andhandleMetadataChange
methods to work with custom field names. - Improved documentation in README.md to explain the new custom field names feature.
- Added new properties to the
DEFAULT_SETTINGS
object for custom field names. - Modified the
PexelsBannerSettingTab
class to include new settings for custom field names. - Implemented validation logic to prevent duplicate field names.
- Support for local images from the vault.
- Support for Obsidian internal links to images.
- Improved error handling and logging.
- Initial release of the Pixel Banner plugin.
- Fetch and display banner images from Pexels based on keywords.
- Support for direct image URLs.
- Customizable image size and orientation.
- Adjustable vertical position of the banner image.
- Default keywords for when no specific keyword is provided.