Commit graph

148 commits

Author SHA1 Message Date
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
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
Renamed from assets/css/custom.css (Browse further)