Commit Graph

137 Commits

Author SHA1 Message Date
Rigel Kent 225a7682e6 adapt notifications buttons for small screens 2020-07-29 18:15:53 +02:00
Kim a949f67636
correct regressions on sub-menu for account and admin (#3004) 2020-07-24 23:29:39 +02:00
Kim ed5bb51726
Improve navigation sub-menu and tabs effects (#2971)
* Improve nav border and colors on active and non-active

* Remove margin-top effect on active nav

* Use opacity / bold instead of color change on nav

* Remove dropdown items label in sub-menu and add a class active

* Position sub-menu to fixed

* Autoclose dropdown sub-menu only on outside click

* Remove open dropdown on hover in sub-menu

* Show reusable h1 for dropdown item in sub-menu

* Put reusable sub-menu h1 styles to mixins

* Add icons to sub-menu dropdown-item h1

* Make all the sub-menu accessible with focus

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
2020-07-23 15:09:15 +02:00
kimsible 8110705d02 Fix: disable vertical scroll instead of hide on desktop browsers 2020-07-23 14:32:04 +02:00
Rigel Kent 228393302d
factorize account/server blocklists for users and instance (#2875) 2020-06-15 13:18:22 +02:00
Caroline Chuong adcf921271
add keyboard navigation for video actions (#2854)
Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
2020-06-11 19:19:23 +02:00
Rigel Kent e66883b37a
`fitWidth` for `video-miniature`, fluid grid (#2830)
* Fluid abstract video list

* normalize timestamp display on miniatures

* use grid for abstract-video-list

- refactor scss function var to pvar to avoid overriding css variables
- move fluid-grid margins to adapt-margin-content-width mixin for maintainability
- fix video-miniature-name margin-top on small screen

* move sceenratio function in a mixin

* display no miniature avatar in channel videos view
2020-06-09 09:33:28 +02:00
Chocobozzz c123027fd9
Fix grey color theme 2020-05-22 11:21:55 +02:00
Chocobozzz 5f57df5462
Fix action button icons theme 2020-05-22 11:15:31 +02:00
Chocobozzz f33dc6ab2d
Fix input/textarea themes 2020-05-20 13:52:12 +02:00
Chocobozzz 3bf07dd8c2
Explicit theme colors for inputs and textarea 2020-05-20 11:39:31 +02:00
Kim 8544d8f561
Fix regression my-account menu overflow-x on screen width < 800px (#2707)
* Fix: correct my-account menu overflow-x on touchscreens

* Add menuLeftDisplayed support for account-sub-menu

* Handle menu in screen service + clean top-menu-dropdown

* Add comment on menuWidth menu service to allow backtracking

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-05-11 11:12:58 +02:00
Rigel Kent 25a42e293b Fix rowsPerPage change, add filter clear button, update video-abuse-list search query param dynamically 2020-05-04 15:01:44 +02:00
Rigel Kent c2a89b70ce
Fix margin-content and miniature thumbnail width on mobile, fix media queries for tables above lg breakpoint 2020-05-01 23:24:05 +02:00
Kim 165ee2929b
Fix tables width, paginators, button on mobile / touchscreens (#2695) 2020-05-01 10:45:07 +02:00
Kim 7a03209d28
Make admin sub-navs, selects, buttons responsive (#2702) 2020-05-01 00:51:09 +02:00
kimsible c285180a45 Fix select width on view < 800px 2020-04-30 17:52:37 +02:00
Rigel Kent 1def3c526e Apply the fix to both expanded and not expanded, using convention 2020-04-30 17:23:20 +02:00
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