Commit Graph

223 Commits

Author SHA1 Message Date
Samantaz Fox
376ed3f4d3
css: Fix the video title overlay's colors in embed 2022-09-12 00:13:24 +02:00
Chris Helder
c3de622493
Fix page shift on search bar focus (#3304) 2022-09-11 15:16:49 +02:00
Samantaz Fox
0ed22c0be0
Merge pull request #3140 from AHOHNMYC/css-ie11-fixes 2022-07-14 16:31:03 +02:00
Samantaz Fox
3ffef4b9fb
Merge pull request #3133 from AHOHNMYC/widen-settings-name 2022-07-14 16:27:47 +02:00
138138138
09ff370ddc
Change player.css order 2022-06-25 17:19:40 +08:00
meow
38eb4ccbc4 CSS. Small IE11 fixes 2022-06-06 21:51:47 +03:00
meow
a57414307e CSS. Small IE11 fixes 2022-06-06 01:10:00 +03:00
meow
7e4840867e CSS. Wider settings name to less word wrap 2022-06-01 17:16:07 +03:00
Samantaz Fox
00d8deda0e
Merge pull request #3065 from 138138138/master
Fix iOS 3 buttons separated lines
2022-05-02 19:28:38 +02:00
138138138
1f08d2929c
Fix iOS 3 buttons separated lines 2022-04-30 16:55:12 +08:00
DUO Labs
ab62fa1c4f
Lower margin-bottom some more 2022-04-24 19:51:29 -04:00
DUO Labs
a7cf1f6cca
Update player.css
Fixed "floating" seek bar
2022-04-24 19:06:28 -04:00
DUO Labs
80d89f31fe
Widen Youtube player a bit 2022-04-24 18:06:56 -04:00
AHOHNMYC
6f21834e71
Real minus sign instead of hyphen-minus
Minus sign in comparison with hyphen-minus (symbol that prints your keyboard by default) has horizontal line on same level as plus sign and same width, so one can be toggled to another with perfect visuals.
https://en.wikipedia.org/wiki/Plus_and_minus_signs
https://en.wikipedia.org/wiki/Hyphen-minus
2022-04-13 04:23:10 +03:00
AHOHNMYC
cf6ad254fb
Pointer cursor on Filters `summary'
`summary` clickable by design, but by default (at least in Chrome) it has `text` cursor.
2022-04-13 04:15:37 +03:00
Samantaz Fox
62d7abdd9e
Add a user friendly message for when no results are found 2022-04-08 22:28:43 +02:00
Samantaz Fox
dbc74164ab
Clean up CSS and add light/dark theme support 2022-04-03 22:56:54 +02:00
Samantaz Fox
1e3425fdee
Add filters UI HTML generator 2022-04-03 20:01:24 +02:00
Samantaz Fox
eba311baa9
Merge pull request #2397 from syeopite/dep-manager-for-videojs-stuff
Add dependency manager script for videojs stuff
2022-01-28 15:30:13 +01:00
Samantaz Fox
6c8a5a1e7f
Fix leading spaces being collapsed in descriptions
Fixes #1954
2022-01-05 03:32:54 +01:00
Samantaz Fox
68cbc11810
Fix the search box
Fix #277 : autoselect search field
Fix #1107: no spell checking/auto-correct on search field
2022-01-05 03:32:44 +01:00
syeopite
a65b9b2b53
Merge pull request #2406 from TechnicalSuwako/fix-non-js-player
fix non-JS player #2405
2021-10-17 18:22:08 +00:00
tuvork
f5e7fe34a5
Added border radius to channel-profile (#2484) 2021-10-11 09:53:37 +02:00
Samantaz Fox
adc12addfa
Add config option to display source code URL in footer (#2450) 2021-10-07 13:53:12 +02:00
syeopite
0323202a03
Revert to iv-org fork of silvermine-videojs-quality-selector
Upstream requires at least two additional sources. Whereas Invidious needs it to be
able to display a single additional source for normal (dashless)
qualites. Aka medium and hd720.
2021-09-18 13:30:17 -07:00
syeopite
ceae48088e
Stop shipping VideoJS files 2021-09-18 13:28:48 -07:00
テクニカル諏訪子
3351ad8197 fix non-JS player #2405 2021-09-15 20:23:48 +09:00
Samantaz Fox
fd313f0d66
Fix alignment of "invidious" logo on search page
The alignment was broken by #2196
2021-06-29 23:18:17 +02:00
Samantaz Fox
cfcb64c516
Fix layout of video 'card' items
Previous changes broke alignment of text and icons
2021-06-25 20:47:15 +02:00
Samantaz Fox
9e4fd193c6 Limit descriptions width to ease mixed LTR/RTL text reading
This will prevent, on large pages, the LTR and RTL text to be
far away, on each side of the page. This could happen on channel
and playlists descriptions, when the page is displayed on a large
screen.
2021-06-24 17:35:44 +04:30
Mostafa Ahangarha
f616b8e518 Revert "remove unnecessary text-align"
This reverts commit 97b469f59c.
2021-06-24 16:53:16 +04:30
Mostafa Ahangarha
97b469f59c remove unnecessary text-align 2021-06-24 15:58:54 +04:30
Cadence Ember
7ec93825b6 Change description-box from flex to block
I also make minor changes to the surroundings so that the same layout
and functionality as before is preserved.
2021-06-24 15:12:05 +04:30
Mostafa Ahangarha
4a4867deeb
Undo last commit 2021-06-24 13:10:31 +04:30
Mostafa Ahangarha
965a8ea9fd
Change display to block
Change display from flex to block so that the direction of content would get properly set
2021-06-24 12:17:49 +04:30
Mostafa Ahangarha
3e8ddabcc1
Add bidi support
Adding these styles is the easiest way to add bidi (bidirectional text) support without or with least side effect. I have tested it by adding it manually on yewtu.be instance and so far it works very well.
2021-06-24 11:56:58 +04:30
Graham
908bc7561b
Add 10px margin to top and bottom of hr element 2021-06-14 12:24:01 -06:00
syeopite
df0cd30236
Add support for VR videos through videojs-vr 2021-05-23 09:22:29 -07:00
TheFrenchGhosty
75e5b49c3a
Merge pull request #2008 from syeopite/mobile-ui
Improve player controls for mobile devices
2021-05-13 10:33:47 +02:00
TheFrenchGhosty
76c9cf62ff
Merge pull request #1995 from syeopite/watch-on-invidious
Add watch on Invidious button to embeds
2021-05-13 10:32:02 +02:00
syeopite
65663fb857
Update code to reflect 'read more' btn name change 2021-05-10 00:26:42 -07:00
syeopite
c5fae84263
Add functionality to read more button 2021-05-10 00:25:20 -07:00
syeopite
d6585d7583
Overhaul Invidious's "Youtube" player style 2021-05-03 04:22:17 -07:00
syeopite
1924d75c2b
Improve mobile user interface for video player 2021-05-03 03:44:33 -07:00
syeopite
06b27d932d
Move player styling to separate file 2021-05-03 03:44:33 -07:00
syeopite
53cdb04be7
Improve mobile ux with videojs-mobile-ui 2021-05-03 03:44:33 -07:00
TheFrenchGhosty
b9e57d0283
Merge pull request #1977 from syeopite/add996
Change empty home page to search engine like layout
2021-04-17 17:02:47 +00:00
138138138
4336a55c2e
Update default.css 2021-04-09 23:29:18 +09:00
syeopite
bc5c0f65b8
Add watch on Invidious button to embeds 2021-04-08 04:15:15 -07:00
syeopite
1057d0eaa6
Fix response design on search homepage 2021-04-07 01:44:03 -07:00
syeopite
73b1284234
Fix search-widget styling for change in #1976 2021-04-07 00:16:14 -07:00
syeopite
5f2e87f0e3
Fix rendering of hr element 2021-04-07 00:09:38 -07:00
syeopite
d9528f5cc3
Change positioning of footer to use flexbox 2021-04-06 23:53:38 -07:00
syeopite
909606826d
Change footer div into footer element 2021-04-06 04:15:08 -07:00
syeopite
e6e2d51b58
Improve search widget margins 2021-04-05 20:42:04 -07:00
syeopite
ea16c01fa2
Fix mobile responsive design for footer 2021-04-05 20:24:02 -07:00
syeopite
fe879e6d94
Fix missing colon in empty.css 2021-04-04 17:17:59 -07:00
syeopite
049e8e07ef
Fix footer position to bottom of page 2021-04-04 02:45:38 -07:00
syeopite
47dfd4e681
Scale text logo on search engine like homepage 2021-04-04 02:26:01 -07:00
syeopite
555108c7fd
Add styling to search bar on empty home page 2021-04-04 00:48:14 -07:00
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
4a0b10984a Bump videojs and fix webworker 2021-01-29 19:08:28 -05:00
Andrew Zhao
15ba3325d9 add ui for searching 2021-01-17 14:33:49 -05:00
saltycrys
75c6844b66 Improve storyboards
Instead of limiting the width of storyboards through CSS it is now done in the
VTT directly.
2020-12-21 17:02:36 +01: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
TheFrenchGhosty
fe73eccb90
Merge pull request #1479 from saltycrys/theme-flash
Apply dark theme immediately
2020-11-28 20:54:45 +00: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
saltycrys
0530045536
Remove double empty line 2020-11-12 16:53:31 +01:00
saltycrys
d3e4739745 Improve storyboard display 2020-11-08 22:23:24 +01:00
Matthew McGarvey
5937e0289e Fix feed menu overlap at ipad screen widths 2020-10-07 23:01:18 -05:00
leonklingele
70cbe91776
Migrate to a good Content Security Policy (#1023)
So attacks such as XSS (see [0]) will no longer be of an issue.

[0]: https://github.com/omarroth/invidious/issues/1022
2020-03-15 16:46:08 -05:00
Omar Roth
0560d2cfb7
Bump video.js 2020-01-08 20:19:47 -05:00
Omar Roth
be055d9dcb
Add support for custom playlists 2019-10-15 21:17:14 -04: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
7d3ecd2297
Bump JS/CSS dependencies 2019-08-27 08:01:33 -05: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
Omar Roth
f6f176afc1
Merge pull request #680 from leonklingele/add-player-styles
Add support for player styles
2019-08-09 13:49:51 -05:00
Omar Roth
3de37a61c5
Update videojs-http-source-selector 2019-08-09 10:36:41 -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
716705aa15
Add mouse hover for video previews 2019-05-04 08:43:41 -05:00