Files

evazion 52013eac1f posts: use low quality thumbnails when Save-Data header is set.

When the Save-Data HTTP header is present, disable high quality (2x
pixel density) thumbnails. This is normally set when "Data Saver mode"
is enabled on Android, or "Lite mode" is enabled in Chrome.

This setting can also be set using the `save_data` URL param or HTTP
cookie. This is mainly for testing.

The <body> tag has a `current-user-save-data` data attribute that
indicates whether save data mode is on.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Save-Data
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/save-data/#the_save-data_request_header
https://source.android.com/devices/tech/connect/data-saver

2021-12-09 20:08:27 -06:00

comment_component

Fix #4931 : Add popup voter list for comments.

2021-11-24 22:18:48 -06:00

comment_section_component

comments: rework thresholded comments.

2021-01-19 04:07:33 -06:00

comment_votes_tooltip_component

Fix #4931 : Add popup voter list for comments.

2021-11-24 22:18:48 -06:00

favorites_tooltip_component

favorites: fix empty favorites tooltip.

2021-11-23 23:18:54 -06:00

forum_post_component

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

paginator_component

views: factor out paginator component.

2021-02-18 02:47:21 -06:00

popup_menu_component

posts: add adjustable thumbnail sizes (#4932 ).

2021-12-04 06:30:29 -06:00

post_gallery_component

posts: show 2 thumbnails per row on mobile instead of 3.

2021-12-08 20:30:13 -06:00

post_navbar_component

posts: refactor next/prev keyboard shortcuts.

2021-01-30 01:16:00 -06:00

post_preview_component

posts: use low quality thumbnails when Save-Data header is set.

2021-12-09 20:08:27 -06:00

post_votes_component

votes: fix bug with removing votes multiple times.

2021-11-25 23:49:18 -06:00

post_votes_tooltip_component

Fix #4931 : Add popup voter list for comments.

2021-11-24 22:18:48 -06:00

source_data_component

css: standardize font sizes.

2021-10-25 05:59:40 -05:00

tag_list_component

votes: add vote buttons beneath thumbnails.

2021-11-18 04:15:20 -06:00

application_component.rb

view components: silence with_variant deprecation warnings.

2021-09-20 01:12:14 -05:00

comment_component.rb

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

comment_section_component.rb

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

comment_votes_tooltip_component.rb

Fix #4931 : Add popup voter list for comments.

2021-11-24 22:18:48 -06:00

favorites_tooltip_component.rb

favorites: show favlist when hovering over favcount.

2021-11-20 02:40:18 -06:00

forum_post_component.rb

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

paginator_component.rb

paginator: fix showing page 5000 when page count is unknown

2021-09-08 18:33:28 -05:00

popup_menu_component.rb

posts: add adjustable thumbnail sizes (#4932 ).

2021-12-04 06:30:29 -06:00

post_gallery_component.rb

pools: fix pool gallery page layout.

2021-12-05 02:52:07 -06:00

post_navbar_component.rb

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

post_preview_component.rb

posts: use low quality thumbnails when Save-Data header is set.

2021-12-09 20:08:27 -06:00

post_votes_component.rb

votes: add vote buttons beneath thumbnails.

2021-11-18 04:15:20 -06:00

post_votes_tooltip_component.rb

votes: fix division by zero in upvote ratio.

2021-11-25 23:35:09 -06:00

README.md

docs: document config/ and some directories in app/.

2021-06-27 05:21:38 -05:00

source_data_component.rb

rubocop: fix various Rubocop warnings.

2021-06-17 04:17:53 -05:00

tag_list_component.rb

votes: add vote buttons beneath thumbnails.

2021-11-18 04:15:20 -06:00

README.md

Components

Components are used to encapsulate common UI widgets used throughout the site. This includes things like comments, tag lists, post thumbnails, paginators, and other things used repeatedly throughout the site. Components encapsulate a widget's HTML, CSS, and Javascript together so that all the code for a component is in a single place.

This uses the ViewComponent library.

Components are similar in concept to React components.

README.md

Components

See also

External links