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-videos | |
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-videos')
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index 8248cc94f..40bae7668 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
@@ -54,3 +54,47 @@ my-delete-button, | |||
54 | my-edit-button { | 54 | my-edit-button { |
55 | margin-right: 10px; | 55 | margin-right: 10px; |
56 | } | 56 | } |
57 | |||
58 | @media screen and (max-width: $small-view) { | ||
59 | .videos-header { | ||
60 | flex-direction: column; | ||
61 | } | ||
62 | |||
63 | ::ng-deep { | ||
64 | .video-miniature { | ||
65 | align-items: center; | ||
66 | |||
67 | .video-bottom, | ||
68 | .video-bottom .video-miniature-information { | ||
69 | /* same width than a.video-thumbnail */ | ||
70 | max-width: 223px !important; | ||
71 | } | ||
72 | } | ||
73 | } | ||
74 | |||
75 | my-delete-button, | ||
76 | my-edit-button { | ||
77 | margin-right: 0px; | ||
78 | |||
79 | ::ng-deep { | ||
80 | span, a { | ||
81 | margin-right: 0px; | ||
82 | } | ||
83 | } | ||
84 | } | ||
85 | |||
86 | my-delete-button, | ||
87 | my-edit-button, | ||
88 | my-button { | ||
89 | margin-top: 15px; | ||
90 | width: 100%; | ||
91 | text-align: center; | ||
92 | |||
93 | ::ng-deep { | ||
94 | .action-button { | ||
95 | /* same width than a.video-thumbnail */ | ||
96 | width: 223px; | ||
97 | } | ||
98 | } | ||
99 | } | ||
100 | } | ||