FreshRSS-Extensions/xExtension-CustomCSS/README.md
sotys 5bbd6c5909
Add CustomCSS example (#87)
* Update README.md

* Add example screenshots

* Update README.md

* Delete desktop_resolution.png

* Delete mobile_resolution.png

* Add (correct) example screenshots

* Add CSS highlighting

Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>

Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>
2020-08-13 11:45:12 +02:00

1.2 KiB

CustomCSS extension

A FreshRSS extension which give ability to create user-specific CSS rules to apply in addition of the actual theme.

To use it, upload this directory in your ./extensions directory and enable it on the extension panel in FreshRSS. You can add CSS rules by clicking on the manage button.

Changelog

  • 0.2 added file permission check, added german translation, removed un-editable file static/style.css
  • 0.1 initial version

Examples

Enhancing mobile view

The following CSS rules let you have a more comfortable mobile view by hiding some icons (read/unread article, mark as favorite and RSS feed's favicon) and by reducing text size. It also displays the name of the subscribed feed, instead of the favicon:

@media (max-width: 840px) 
{
	.flux_header .item.website
	{
		width:20%;
		padding:3px;
	}

	.flux .website .favicon, .flux_header .item.manage
	{
		display:none;
	}
	
	
	.flux_header .item.website span
	{
		display:inline;
		font-size:0.7rem;
	}
}

The result is shown below:

Desktop screen resolution:

Desktop

Mobile screen resolution:

Mobile