diff options
author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-04-27 14:57:50 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-27 14:57:50 +0200 |
commit | 4682468d4d07e0864155dd2b403d93754786ea13 (patch) | |
tree | b45c7ea139b20e2fcffdeb3a00e1b1b431b5d7a3 /client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss | |
parent | 9181bc0c802bb84aeae9f07b08b59dcd90f486bc (diff) | |
download | PeerTube-4682468d4d07e0864155dd2b403d93754786ea13.tar.gz PeerTube-4682468d4d07e0864155dd2b403d93754786ea13.tar.zst PeerTube-4682468d4d07e0864155dd2b403d93754786ea13.zip |
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>
Diffstat (limited to 'client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss index 9657ac11d..a4ca0f45d 100644 --- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss +++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss | |||
@@ -11,6 +11,11 @@ | |||
11 | 11 | ||
12 | display: flex; | 12 | display: flex; |
13 | justify-content: center; | 13 | justify-content: center; |
14 | |||
15 | /* fix ellipsis dots background color */ | ||
16 | ::ng-deep .miniature-name::after { | ||
17 | background-color: var(--submenuColor) !important; | ||
18 | } | ||
14 | } | 19 | } |
15 | 20 | ||
16 | // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples | 21 | // Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples |
@@ -37,3 +42,9 @@ | |||
37 | .videos.cdk-drop-list-dragging .video:not(.cdk-drag-placeholder) { | 42 | .videos.cdk-drop-list-dragging .video:not(.cdk-drag-placeholder) { |
38 | transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); | 43 | transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); |
39 | } | 44 | } |
45 | |||
46 | @media screen and (max-width: $small-view) { | ||
47 | .playlist-info { | ||
48 | margin-top: -$sub-menu-margin-bottom-small-view; | ||
49 | } | ||
50 | } | ||