Commit graph

78 commits

Author SHA1 Message Date
syeopite
b3099001be
Fix minor scaling issue in filter drop down.
Basically prevents filter content from jumping above the dropbox when there's
enough space to do
2021-03-26 13:51:22 -07:00
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