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-subscriptions | |
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-subscriptions')
-rw-r--r-- | client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss b/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss index 7ac3c910f..ba8d56689 100644 --- a/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss +++ b/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss | |||
@@ -41,4 +41,27 @@ | |||
41 | } | 41 | } |
42 | } | 42 | } |
43 | 43 | ||
44 | @media screen and (max-width: $small-view) { | ||
45 | .video-channels-header { | ||
46 | text-align: center; | ||
47 | } | ||
48 | |||
49 | .video-channel { | ||
50 | .video-channel-info { | ||
51 | padding-bottom: 10px; | ||
52 | text-align: center; | ||
53 | |||
54 | .video-channel-names { | ||
55 | flex-direction: column; | ||
56 | align-items: center !important; | ||
57 | margin: auto; | ||
58 | } | ||
59 | } | ||
60 | |||
61 | img { | ||
62 | margin-right: 0; | ||
63 | } | ||
64 | } | ||
65 | } | ||
66 | |||
44 | 67 | ||