Commit Graph

160 Commits (733dbc535d5fecdaba9e05feb8923bc754920525)

Author SHA1 Message Date
Chocobozzz 100d9ce23b Add support button in channel page 2021-03-31 09:05:51 +02:00
Chocobozzz 60c35932f6 Redesign channel page 2021-03-31 09:05:51 +02:00
Cadence Ember 2ca72354ec
refactor noscript/incompatible browser messages (#3684)
also align noscript and incompatible browser styles

Co-authored-by: Rigel Kent <sendmemail@rigelk.eu>
2021-02-03 12:51:55 +01:00
Chocobozzz 840659455f
Fix ng select theme 2021-01-20 10:59:47 +01:00
Rigel Kent f8b530e0a5
unify inputs requiring buttons like password inputs 2020-12-04 16:01:53 +01:00
Mathieu Brunot a742b4b0e2
Fix themes colors by using SCSS variables (#3376)
* 💄 Use foreground var for code

* 💄 Use submenu var color

* 💄 Use foreground var color for menu

* 🐛 Fix var used in menu
2020-11-30 16:45:22 +01:00
Chocobozzz 4f926722ea
Upgrade client dependencies
Migrate removed primeng theme to custom CSS
2020-11-19 15:25:41 +01:00
Chocobozzz 4872e9468e
Fix global loading bar in client 2020-11-09 16:08:03 +01:00
Chocobozzz c29039e7c0 Add warning below live stream key field 2020-11-09 15:33:04 +01:00
Chocobozzz d6eace77db Fix playlist element dropdown overflow 2020-08-25 14:42:16 +02:00
kimsible fd9c3c8d66 Refactor popover markdown, add code style 2020-08-14 15:03:38 +02:00
Rigel Kent 02c01341f4 add ng-select for templatable select options
- create select-tags component to replace ngx-chips
- create select-options to factorize option selection in forms
- create select-channel to simplify channel selection
- refactor tags validation
2020-08-11 09:03:39 +02:00
kimsible e752c75e55 Fix expanded margin content css var unapplied 2020-08-11 08:03:47 +02:00
kimsible 7034b3c908 Refactor - improve offset content handling with fixed sub-menu and broadcast-message 2020-08-11 08:03:28 +02:00
Chocobozzz 560605026b
Remove smooth scroll behaviour
It's not adapted to a SPA because the scroll is updated when we change page
2020-08-10 16:00:21 +02:00
Kim 4a53fc8204
Add new anchors in my-settings and handle offset sub-menu height (#3032)
* Add anchors setting and handle offset with sub-meu

* Use PeerTube scroll logic

* Add anchor for top my-settings

* Improve scroller with smooth behavior and css offset

* Fix anchor position when using history navigation

Co-authored-by: kimsible <kimsible@users.noreply.github.com>
2020-08-10 15:57:37 +02:00
Chocobozzz ae2dd04617
Correctly fix sub menu 2020-08-10 09:43:44 +02:00
Chocobozzz 82f443de1a
Add buttons in playlist page
To delete/edit/share the playlist
2020-08-10 09:43:44 +02:00
Chocobozzz 10846ef656
Fix playlist layout on mobile 2020-08-10 09:43:44 +02:00
Chocobozzz 193b9ba7c0
Fix loading bar color 2020-08-07 11:34:22 +02:00
Chocobozzz 583eb04b54 Upgrade to angular 10 2020-08-07 08:28:14 +02:00
Chocobozzz 2045b57223
Fix about page layout with fixed submenu 2020-08-03 11:49:24 +02:00
Chocobozzz 441e453ae5 Add abuse message management in admin 2020-07-31 11:35:19 +02:00
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