Commit graph

116 commits

Author SHA1 Message Date
syeopite
00be2e067e
Responsify content-navigation bar 2021-10-02 15:46:25 -07:00
syeopite
f44a5b1a69
Minor CSS cleanup 2021-10-02 15:41:38 -07:00
syeopite
2a2f54289a
Fix styling for featured badges on category 2021-10-02 15:41:38 -07:00
syeopite
36019fa438
Add support channel home pages + gen. improvements
This commit adds support for channel home pages and all of the
categories within it. However, the frontend code is a mess and thus
needs to be refactor soon. Though that would likely require a rework of
items.ecr

This commit also comes with some general cleanups and improvements.

Before this commit channel brand URls would only be supported on the
videos page (now home page). It has been improved to be able to handle
all channel URLs.

The category_type and auxiliary_data property has also been removed from
the Category struct. The former was never used and the latter allows for
random data to be added to the Struct presenting documentation issues.

Since the auxiliary_data variable was mainly used to store values from
the browse_endpoint in order to create URLs, its much simpler to instead
just get the URL from the webCommandMetadata.

As a result of this change the browse_endpoint_data attribute of
Category has also been removed.
2021-10-02 15:41:34 -07:00
syeopite
e485bc2ef3
Add content sections to trending feed 2021-10-02 15:38:38 -07:00
syeopite
4636f0af00
Add buffer btwn content and footer on some pages 2021-10-02 15:24:21 -07:00
syeopite
faac8e43b5
Adjust footer styling 2021-10-02 15:24:21 -07:00
syeopite
291193d4dc
Overhaul footer design. See #2032 2021-10-02 15:24:21 -07:00
syeopite
c08b4c9a32
Add support for featured channels page 2021-10-02 15:24:20 -07:00
syeopite
5935106165
Fix pure-css-link focus color 2021-10-02 15:23:42 -07:00
syeopite
0d19937dac
Move channel specific CSS to separate file 2021-10-02 15:23:41 -07:00
syeopite
04cc15500f
Change channel banner to be CSS background image
This is to allow for contents to be placed on the channel banner itself;
something that is required for the links widget shown on Youtube.
2021-10-02 15:23:41 -07:00
syeopite
b1890560e2
Add search icon to navbar searchbar 2021-10-02 15:23:41 -07:00
syeopite
e93d8bee22
Add search bar to channel page.
Closes #1923
2021-10-02 15:23:40 -07:00
syeopite
52a00cfa29
Move search.ecr specific css to another file 2021-10-02 15:23:40 -07:00
syeopite
f9f35c3c5f
Update styling for buttons and dark-theme 2021-10-02 15:23:03 -07: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
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