FolderView3 custom CSS improvements#1
Merged
masterwishx merged 4 commits intomasterwishx:mainfrom Mar 25, 2026
Merged
Conversation
- Rename docker-only files to docker-vm for VM page support - Add VM table CSS files (04-table.vm.css) for all themes - Add FV3 override files (08-fv3-overrides) for all themes - Add dynamic folder name width with min/max CSS variables - Add expanded/scroll preview mode support for VM tables - Add folderbox height stretch when preview overflow is set to expand - Update READMEs with new file listings and FolderView3 version requirement
- Center folder icons vertically using inline-flex on .folder-outer - Fix dashboard icon centering via flex on .hand element - Use min-height instead of height on .inner for proper text flow - Fix table row height to 60px with overflow hidden on .folder-name-sub - Add min-height and padding-bottom to expand preview for multi-row scaling - Override --fv3-inset-fill to use classic grey (--cscheme-foreline4)
Adjust divider height, margin, and alignment for FV3 overflow-scroll and overflow-expand modes across all themes.
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
04-table.vm.css) for all three themes08-fv3-overrides.dashboard-docker-vm.css) for all themes--fv3-folder-name-min-widthand--fv3-folder-name-max-widthCSS variables:has()selector)Changes per theme
All themes (urblack, urgray, urwhite)
02-vars.docker-vm.css: Replace--fv3-folder-name-widthwith--fv3-folder-name-min-width(180px) and--fv3-folder-name-max-width(none)04-table.docker.css: Use min/max width variables instead of fixedwidth: 1%04-table.vm.css(new): Full VM table styling with dynamic width, folder name area, preview modes, expanded/scroll support08-fv3-overrides.dashboard-docker-vm.css(new): FV3 built-in CSS variable overrides for theme colors and layouturgray + urwhite only
*-docker.*to*-docker-vm.*to reflect VM support01-colors.dashboard-docker.css→01-colors.dashboard-docker-vm.css02-vars.docker.css→02-vars.docker-vm.css03-vars-icons.docker.css→03-vars-icons.docker-vm.css06-icons.docker.css→06-icons.docker-vm.cssCompatibility
Requires FolderView3 version 2026.03.23.3 or later.