Commit Graph

119 Commits (1f6d2449707f0ebcbc4c890d98bc0cd74f579889)

Author SHA1 Message Date
kimsible 1f6d244970 Use same styles on full or not until lg screen 2020-04-30 17:23:20 +02:00
kimsible ac6ac4e214 Fix width content with menu from 500px to 800px 2020-04-30 17:23:20 +02:00
Kim b15fe00f74
Add maximized mode to markdown-textarea + CSS improvements (#2660)
* Add arrows-angle-contract/expand bootstrap icons

* Add grey textarea-background-color

* Add maximized support to markdown-textarea + improve column display

* Refactor CSS + add ResizeObservable

* Replace bootstrap icons with softies

* Add ResizeObserver typing definition

* Add focus on textarea + Fix Observables

* Propage component changes on markdown plugins

* Ignore ResizeObserver not implemented in typescript yet

* Move observers from constructor to click event

* Add scss and css variables

* Replace textareaWidth with textareaMaxWidth to fix others textareas

* Clean unused css rules

* Fix ResizeObserver unknown by TypeScript compiler

* Set max-width: 100% for small and mobile views

* Fix textarea/preview height on maximized mode

* Add common padding textarea/preview side-by-side

* Hide scrollbar sub-menu on small-views

* Add maximized mode for mobile views

* Fix sass calculate syntax

* Revert custom CSS variable for inputBorderRadius and inputBorderColor

* Remove unsued methods

* Fix missing implement method

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
2020-04-28 14:53:43 +02:00
Kim 4682468d4d
Fix broken views on mobile and small screens (#2671)
* Fix mobile CSS for my-account-settings

* Fix mobile CSS for my-account-videos

* Fix mobile CSS my-account-video-channels

* Fix mobile CSS for my-account-playlists

* Fix CSS mobile for user-subscriptions header

* Fix CSS mobile my-account-video-channel-edit

* Fix CSS mobile / small view for textarea

* Fix margin-right my-delete-button on inside span

* Fix CSS mobile on accounts page

* Fix indent

* Fix CSS mobile for my-account-notifications

* Fix CSS mobile / small view my-account-videos

* Fix search small-view channels

* Use miniature width for title of video on mobile

* Add dots to ellipsis multilines

* Fix controls and title video width small views

* Fix my-account-playlist small and mobile views

* Fix channels header + account header mobile

* Fix CSS mobile/small view for my-account/subscriptions

* Fix align followers channel item

* Center header elements user account page on mobile

* Fix margins on a element and img

* Fix margin img channel or video

Co-Authored-By: Rigel Kent <par@rigelk.eu>

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Co-authored-by: Rigel Kent <par@rigelk.eu>
2020-04-27 14:57:50 +02:00
Rigel Kent 947d01023d
Improve channel and account display on medium devices 2020-04-03 14:13:28 +02:00
Rigel Kent a6d5ff7604
Use form-control to display box-shadow on form inputs/selects upon focus 2020-04-02 11:39:14 +02:00
Rigel Kent e61151b01c
Replace p-progressbar and bootstrap progressbar with pure CSS alt 2020-03-13 20:38:50 +01:00
Rigel Kent c4741804bc
Fix margins/widths with top-menu and main-col on small screens 2020-03-13 15:30:27 +01:00
Rigel Kent 45e0d6697c
Properly scroll to anchors in links, especially in admin config 2020-03-11 19:38:17 +01:00
Rigel Kent 680b549692
Migrate palette to HSL 2020-03-11 13:51:24 +01:00
Rigel Kent 482fa503e5 Use grid to organise settings in admin, my-account 2020-03-10 16:23:40 +01:00
Rigel Kent d3217560a6
Add visitor settings, rework logged-in dropdown (#2514)
* Add visitor settings, rework logged-in dropdown

* Make user dropdown P2P switch functional

* Fix lint

* Fix unnecessary notification when user logs out

* Simplify visitor settings code and remove unnecessary icons

* Catch parsing errors and reindent menu styles
2020-02-28 13:52:21 +01:00
Rigel Kent 9b8a7aa8ea
Improve search typeahead performance and use native events 2020-02-13 16:35:24 +01:00
Rigel Kent ece3029bd9
Media queries to use variables when possible 2020-02-13 16:34:16 +01:00
Rigel Kent 52cc0d5485
Gracefully downsize search bar for mobile devices 2020-02-13 16:32:58 +01:00
Rigel Kent 24e7916c68 Add ListOverflow component to prevent sub-menu overflow 2020-02-13 10:25:22 +01:00
Rigel Kent eb7c7a5179
Fix user dropdown menu with long texts
closes #2480
2020-02-12 16:58:03 +01:00
Chocobozzz 14aa85562c
Cleanup some client FIXME 2020-01-29 16:00:28 +01:00
Rigel Kent aa0f19635a Add manage buttons for own channels and account, video counts (#2421)
* Add manage buttons for own channels and account, video counts

* Change manage button color and introduce secondary color
2020-01-21 09:35:23 +01:00
Rigel Kent 0240da5c32
(css) transparent buttons in watch page 2019-12-27 12:12:42 +01:00
Rigel Kent 96f6278f3e
respect video history on explicit playlist click
also correct font-weight for .title-page-single, and tooltip dynamic
text for playlist loop button.

fixes #1889
2019-12-18 23:39:11 +01:00
Rigel Kent d6ed9ccc81
(css) alter .title-page section header style 2019-12-17 13:10:27 +01:00
Chocobozzz 2fcc229497
Test a color for the support button 2019-12-03 20:10:27 +01:00
Chocobozzz cdbfd2b003
Fix background body color 2019-11-29 14:23:28 +01:00
Chocobozzz 122dbb5705
Cleanup SASS imports 2019-08-22 10:33:57 +02:00
Chocobozzz 2f4c784a92
Add params to share modal 2019-06-12 16:44:15 +02:00
Chocobozzz 2c3abc4fa7
Fix my account settings responsive 2019-04-11 11:18:19 +02:00
Chocobozzz bce47964f6 Add video channel view 2019-03-18 11:17:59 +01:00
Chocobozzz aa87909287
Fix calendar in dark mode 2019-01-17 11:51:08 +01:00
Chocobozzz f2fab901df
Fix invisible things in dark mode 2019-01-17 11:34:29 +01:00
Chocobozzz 457bb213b2
Refactor how we use icons
Inject them in an angular component so we can easily change their color
2019-01-17 10:38:18 +01:00
Rigel Kent f5d9558f66
various display improvements 2018-09-29 13:42:17 +02:00
Chocobozzz 19f2205516
Display other videos on xl screens on the right 2018-09-28 14:37:04 +02:00
Chocobozzz 161b061d4e
Remove duplicated videos on unfollow/delete redundancy 2018-09-28 10:07:05 +02:00
Rigel Kent 660d11e91e
refactor subscribe button and comment-add for visitor-interact UX (#1100)
* refactor subscribe button for visitor-subscribe UX
* refactor comment-add for visitor-interact UX
2018-09-25 15:42:58 +02:00
Chocobozzz a7f9fae9ab
Improve download modal input style 2018-09-24 17:48:34 +02:00
Rigel Kent 1fd3ef3fb4
fix nav tab and tag color in dark theme 2018-09-20 20:57:18 +02:00
Chocobozzz 0491173a61
Merge branch 'develop' into cli-wrapper 2018-09-20 16:24:31 +02:00
Chocobozzz b335ccec49
Fix ios player playback/subtitles menu 2018-09-17 15:01:04 +02:00
Rigel Kent 1d9d9cfdcf
add css custom properties for the left menu 2018-09-13 14:33:17 +02:00
Rigel Kent 20c3a59e2c
add input color to cope with browser themes 2018-09-09 14:43:30 +02:00
Chocobozzz db6d617dd2
Fix occitan label 2018-09-05 15:59:43 +02:00
Chocobozzz dcbc29d5c8
Put "start at" at the top of the modal 2018-09-05 15:32:15 +02:00
Chocobozzz 8ff3f88347
Fix watch page responsive 2018-09-05 11:20:44 +02:00
Chocobozzz 46ae6f6724
Fix menu on mobile 2018-09-05 10:19:45 +02:00
Rigel Kent 9a0fc8409c add theming via css custom properties
and a bonus dark color theme toggle
2018-09-04 23:24:34 +02:00
Rigel Kent 3b766e181c
fixing grid readjustment with expand and screens < 1150px 2018-09-04 18:35:39 +02:00
Rigel Kent 2303a803aa
fix likes bar, grid adjustment and menu width 2018-09-03 15:10:55 +02:00
Chocobozzz 2d3741d6d9 Videos overview page: first version 2018-08-31 09:19:58 +02:00
Rigel Kent 2d9fea161f
watch view visual tweaks and search/comment placeholder dismiss on focus (#983)
- make the placeholder disappear on focus in the search bar
- make the placeholder disappear on focus in the comment textarea
- make the texarea resize automagically
- refactor the watch view to use bootstrap 4's flexgrid
- move action buttons of the watch view to the right of the video info
- responsive tweaks and margin adjustments in the watch view
2018-08-30 11:15:22 +02:00