Commit Graph

77 Commits

Author SHA1 Message Date
syeopite 48a3c3a0c1
Add hover state to filter UI 2021-03-13 10:57:27 -08:00
syeopite fab9ae64a0
Remove duplicate styling code 2021-03-13 10:55:12 -08:00
syeopite 83b5fd252e
Enhance search filter UI for JS disabled users
Change filters UI box to use <details>.

Stylize detail button for filter ui

Fix localization for 'filter'

Fix CSS

Fix styling
2021-03-01 03:45:07 -08:00
Andrew Zhao 15ba3325d9 add ui for searching 2021-01-17 14:33:49 -05:00
saltycrys fc67dd18d0 Increase color contrast of light theme links 2020-12-14 14:20:31 +01:00
saltycrys b3e9b92344 Fix pure-button hover color on a-tags 2020-12-14 14:15:03 +01:00
saltycrys 5f932e9749 Fix CSS specificity issues 2020-11-18 00:10:32 +01:00
saltycrys ff46c18164 Move themes into default.css
Now that themes are controlled with a class instead of setting
media="none" on the stylesheet link and both themes already being
duplicated in default.css for the automatic themeing it makes sense
to have all theme related CSS in the same place.

This commit also fixes the missing dark theme on embeds.
2020-11-17 22:53:45 +01:00
saltycrys de777907f2 Apply dark theme immediately
Themes are now controlled with a class on the body element.

If a preference is set the body element will have either "dark-theme"
or "light-theme" class. If no preference is set or the preference is
empty the class will be "no-theme".

"dark-theme" and "light-theme" are handled by darktheme.css and
lighttheme.css respectively.

"no-theme" is handled by default.css where depending on the value of
"prefers-color-scheme" the styles corresponding to "dark-theme" or
"light-theme" are applied.

Unfortunately this means that both themes are duplicated, once in the
theme .css and once in default.css.
2020-11-16 04:19:41 +01:00
Matthew McGarvey 5937e0289e Fix feed menu overlap at ipad screen widths 2020-10-07 23:01:18 -05:00
Omar Roth e03b4b7505
Hide scrollbar for player menus 2019-10-05 11:51:31 -04:00
Omar Roth e61c8046f4
Fix z-index, scrollbar in player 2019-10-04 12:50:44 -04:00
agony affeeb39de Fixed bug that made the whole 'Invidious' div clickable. Solves #691 2019-10-02 14:05:58 +02:00
Omar Roth be2ee33273
Fix overflow for player controls 2019-09-24 13:38:50 -04:00
Omar Roth 2b94975345
Fix playlist_thumbnail extractor 2019-08-16 20:06:21 -05:00
Dragnucs 7eaac995bd Change font family to better native selection (#679) 2019-08-16 15:59:05 -05:00
Leon Klingele 46577fb128
Add support for player styles
This currently includes the following styles:

- Invidious, the default
- YouTube, using a centered play button and always visible video control bar

Implements https://github.com/omarroth/invidious/issues/670.
Supersedes https://github.com/omarroth/invidious/pull/661.
2019-08-09 02:04:36 +02:00
Leon Klingele fe2cffb25b
Fix jumpy page on search field focus 2019-08-01 09:35:57 +02:00
Omar Roth e8a56e0fea
Add '1.75' playback speed 2019-07-14 10:13:40 -05:00
Omar Roth aac240fe41
Resize comment thumbnails 2019-07-01 12:08:29 -05:00
Omar Roth 8fad0af935
Add caption styling 2019-06-30 22:46:08 -05:00
Omar Roth a3cc3c57fd
Add cursor: none to player 2019-06-28 20:55:23 -05:00
Omar Roth 0d0d3edeae
Add thumbnail and banners to channel page 2019-06-28 20:48:24 -05:00
Omar Roth 485459b8b2
Add clickable title for embedded videos 2019-06-16 09:41:33 -05:00
Omar Roth 9122f8acee
Add title overlay to embedded videos 2019-06-08 10:52:47 -05:00
Omar Roth d68baf08cb
Shrink h1 on mobile 2019-05-28 10:04:04 -05:00
Omar Roth bb15dc57a4
Fix font color for captions button 2019-05-11 11:09:45 -05:00
Omar Roth 3f738cf905
Tweak styling for thumbnail video length 2019-05-04 08:43:34 -05:00
Omar Roth 075adb4f03 Add http-source-selector 2019-04-28 10:05:15 -05:00
Omar Roth 6fd24ad54f Add cancel button to search bar 2019-03-26 17:45:39 -05:00
Omar Roth ce4b07d7d7 Fix thumbnail for deleted videos 2019-03-23 12:56:52 -05:00
Omar Roth 56b0952cd1 Update sources 2019-03-23 11:09:31 -05:00
Omar Roth 1c152f6cad Add padding to thumbnails 2019-03-23 10:24:52 -05:00
Omar Roth d5c6d74f14 Fix loading icon size 2019-03-20 09:20:31 -05:00
Omar Roth 7a54b1d36a Fix player size with JS disabled 2019-03-19 20:13:26 -05:00
Omar Roth 956dc382ea Clean up player CSS 2019-03-17 12:21:55 -05:00
Omar Roth cf3f0fcc39 Add max-aspect-ratio to player 2019-03-12 10:12:47 -05:00
Omar Roth 19c32bf993 Calculate player height based on viewport 2019-03-12 10:01:36 -05:00
Omar Roth 1d6c763e92
Merge pull request #397 from dimqua/patch-1
(preferences) fix word wrap
2019-03-07 13:29:44 -06:00
Omar Roth 7557ffcda1 Mark deleted channels in /subscription_manager 2019-03-06 09:54:56 -06:00
dimqua f16273772e
(preferences) fix word wrap 2019-03-04 23:14:24 +03:00
Omar Roth a03958d937 Add -webkit-appearance to default.css 2019-02-26 12:21:19 -06:00
Omar Roth a283c3143d Adjust size of player 2019-02-21 18:17:02 -06:00
Omar Roth 57635c0d24 Add scroll to control bar when it's possible to overflow 2019-02-21 18:13:40 -06:00
Omar Roth 7ed4485717 Format CSS 2019-02-21 17:43:49 -06:00
Omar Roth 394952a86a Revert "Fix control bar overflow on mobile"
This reverts commit e25249ce4d.
2019-02-21 16:20:58 -06:00
Omar Roth e25249ce4d Fix control bar overflow on mobile 2019-02-21 14:01:12 -06:00
Agustin Ferrari ceaddbc821 Minor fixes in CSS colors 2019-02-02 20:13:40 -03:00
Agustin Ferrari b0ba670c91 Comments now show if they were edited and if they received a heart from the uploader (plus additional classes in default.css). The isEdited attribute was also added in the comments API and new strings in en-US.json 2019-02-01 09:09:10 -03:00
Agustin Ferrari e9ea365f2f Add additional parameters in the API comments, highlight the user name in the uploader comments and I finished permalink of the comments. 2019-01-31 08:21:26 -03:00