`fitWidth` for `video-miniature`, fluid grid (#2830)
authorRigel Kent <sendmemail@rigelk.eu>
Tue, 9 Jun 2020 07:33:28 +0000 (09:33 +0200)
committerGitHub <noreply@github.com>
Tue, 9 Jun 2020 07:33:28 +0000 (09:33 +0200)
commite66883b37ae0796256b3aba550670a2d76cfc98a
tree3cce3c78e9f9f327470f0370a1b4065fe7e0009e
parent6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12
`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
65 files changed:
client/src/app/+about/about-instance/about-instance.component.scss
client/src/app/+accounts/account-video-channels/account-video-channels.component.html
client/src/app/+admin/follows/followers-list/followers-list.component.scss
client/src/app/+admin/follows/following-list/following-list.component.scss
client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.scss
client/src/app/+admin/moderation/instance-blocklist/instance-server-blocklist.component.scss
client/src/app/+admin/moderation/moderation.component.scss
client/src/app/+admin/plugins/shared/plugin-list.component.scss
client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
client/src/app/+admin/system/logs/logs.component.scss
client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss
client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
client/src/app/+my-account/my-account-videos/my-account-videos.component.scss
client/src/app/+signup/+register/custom-stepper.component.scss
client/src/app/+signup/+register/register.component.scss
client/src/app/+video-channels/video-channel-videos/video-channel-videos.component.ts
client/src/app/app.component.scss
client/src/app/header/search-typeahead.component.scss
client/src/app/header/suggestion.component.scss
client/src/app/login/login.component.scss
client/src/app/menu/avatar-notification.component.scss
client/src/app/menu/menu.component.scss
client/src/app/modal/welcome-modal.component.scss
client/src/app/search/search.component.scss
client/src/app/shared/buttons/action-dropdown.component.scss
client/src/app/shared/channel/avatar.component.scss
client/src/app/shared/forms/markdown-textarea.component.scss
client/src/app/shared/forms/peertube-checkbox.component.scss
client/src/app/shared/forms/timestamp-input.component.scss
client/src/app/shared/images/preview-upload.component.scss
client/src/app/shared/instance/instance-features-table.component.scss
client/src/app/shared/menu/top-menu-dropdown.component.scss
client/src/app/shared/misc/help.component.scss
client/src/app/shared/misc/list-overflow.component.scss
client/src/app/shared/misc/utils.ts
client/src/app/shared/users/user-notifications.component.scss
client/src/app/shared/video-playlist/video-add-to-playlist.component.scss
client/src/app/shared/video-playlist/video-playlist-element-miniature.component.scss
client/src/app/shared/video-playlist/video-playlist-miniature.component.scss
client/src/app/shared/video/abstract-video-list.html
client/src/app/shared/video/abstract-video-list.scss
client/src/app/shared/video/feed.component.scss
client/src/app/shared/video/modals/video-download.component.scss
client/src/app/shared/video/video-miniature.component.html
client/src/app/shared/video/video-miniature.component.scss
client/src/app/shared/video/video-miniature.component.ts
client/src/app/shared/video/video-thumbnail.component.scss
client/src/app/videos/+video-edit/shared/video-edit.component.scss
client/src/app/videos/+video-edit/video-add-components/video-import-torrent.component.scss
client/src/app/videos/+video-edit/video-add.component.scss
client/src/app/videos/+video-watch/comment/video-comment.component.scss
client/src/app/videos/+video-watch/video-watch-playlist.component.scss
client/src/app/videos/+video-watch/video-watch.component.scss
client/src/app/videos/video-list/video-overview.component.html
client/src/sass/application.scss
client/src/sass/bootstrap.scss
client/src/sass/include/_miniature.scss
client/src/sass/include/_mixins.scss
client/src/sass/include/_variables.scss
client/src/sass/loading-bar.scss
client/src/sass/player/context-menu.scss
client/src/sass/player/peertube-skin.scss
client/src/sass/player/settings-menu.scss
client/src/sass/primeng-custom.scss