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-channels/my-account-video-channel-edit.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-channels/my-account-video-channel-edit.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss index c8c327398..43a49a01a 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss | |||
@@ -26,9 +26,9 @@ my-actor-avatar-info { | |||
26 | input { | 26 | input { |
27 | &[type=text] { | 27 | &[type=text] { |
28 | @include peertube-input-text(340px); | 28 | @include peertube-input-text(340px); |
29 | 29 | ||
30 | display: block; | 30 | display: block; |
31 | 31 | ||
32 | &#name { | 32 | &#name { |
33 | width: auto; | 33 | width: auto; |
34 | flex-grow: 1; | 34 | flex-grow: 1; |
@@ -63,3 +63,13 @@ my-markdown-textarea ::ng-deep { | |||
63 | .breadcrumb { | 63 | .breadcrumb { |
64 | @include breadcrumb; | 64 | @include breadcrumb; |
65 | } | 65 | } |
66 | |||
67 | @media screen and (max-width: $small-view) { | ||
68 | input[type=text]#name { | ||
69 | width: auto !important; | ||
70 | } | ||
71 | |||
72 | label[for=name] + div, textarea { | ||
73 | width: 100%; | ||
74 | } | ||
75 | } | ||