Commit Graph

143 Commits

Author SHA1 Message Date
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
TheFrenchGhosty
75e5b49c3a
Merge pull request #2008 from syeopite/mobile-ui
Improve player controls for mobile devices
2021-05-13 10:33:47 +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
06b27d932d
Move player styling to separate file 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
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
ea16c01fa2
Fix mobile responsive design for footer 2021-04-05 20:24:02 -07:00
syeopite
049e8e07ef
Fix footer position to bottom of page 2021-04-04 02:45:38 -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
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
Omar Roth
c0fdc28a84 Fix colors and data-url in download widget 2019-01-27 21:20:52 -06:00
Omar Roth
08e8d0f56f Fix typo in default.css 2019-01-23 19:25:09 -06:00
Omar Roth
fb535ad6bb Add download widget 2019-01-23 19:05:24 -06:00
Omar Roth
827e68acf5 Resize player to better fit larger screens 2019-01-23 12:54:19 -06:00
Omar Roth
2ea580e18e Format default.css 2018-11-25 19:01:19 -06:00
Omar Roth
60c6778344 Make 'watched' icon smaller 2018-11-20 22:57:51 -06:00
Omar Roth
6b12f11e10 Add ability to mark videos as watched in subscription feed 2018-11-19 22:06:59 -06:00
Omar Roth
4875aa1d7e Add partial support for video duration in thumbnails 2018-10-20 20:37:55 -05:00
Omar Roth
3c634d9f66 Update styling for subscribe buttons 2018-10-20 13:51:52 -05:00
Omar Roth
1a39faee75 Add subCountText and add XHR alternative for subscribing to channels 2018-10-12 21:17:37 -05:00
Omar Roth
88430a6fc0 Add playlist playback support 2018-10-07 21:11:33 -05:00
Omar Roth
b6adeb80e6 Fix player margin 2018-09-15 13:04:13 -05:00
Omar Roth
c74cc1123f Maintain aspect ratio even when JS is disabled 2018-09-15 12:15:39 -05:00
Omar Roth
6753294ee1 Fix poster resize 2018-09-14 22:38:53 -05:00
Omar Roth
429a4b2dec Proxy thumbnails 2018-09-14 21:24:28 -05:00
dimqua
eda5beaed5 Change the color of progressBar marker 2018-08-31 16:49:02 +03:00
Omar Roth
9cd193f108 Remove padding from time divider 2018-08-07 08:04:23 -05:00
dimqua
9c7c5cafd4
Make load-progress color solid 2018-08-07 03:23:49 +03:00
dimqua
2177aff370
Make play-progress color solid 2018-08-07 02:54:39 +03:00
Omar Roth
06af43c95e Add timeDisplay to player 2018-08-05 08:58:03 -05:00
dimqua
eaded6cbda minor color scheme changes 2018-08-04 02:26:12 +03:00
Omar Roth
5ddf7889fe Add color scheme for player 2018-08-03 18:17:19 -05:00
Omar Roth
b49456da97 Switch from using fontawesome to ionicons 2018-07-30 18:38:55 -05:00
Fredrik August Madsen-Malmo
24538b7296 Clean up navigation bar code
And update README so that arch users don't have to update their entire
system to install the required packages.
2018-07-26 16:46:43 +02:00
Omar Roth
c7a46cd3d5 Split Reddit comments into separate request 2018-07-20 14:36:23 -05:00
Omar Roth
7d3ecf7567 Put word-wrap in default.css 2018-04-17 15:53:12 -05:00
Omar Roth
4bf0e538e4 Add dark theme 2018-04-13 21:32:14 -05:00