diff options
author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-05-11 11:16:21 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-05-11 11:16:21 +0200 |
commit | 8a3183e50dab38ea79b9557840dce546aa1958ca (patch) | |
tree | 83c137b82c1190cd4113efacd9cb2010193bc649 /client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | |
parent | 8544d8f561f6cd630973da041f36e46500fe95b7 (diff) | |
download | PeerTube-8a3183e50dab38ea79b9557840dce546aa1958ca.tar.gz PeerTube-8a3183e50dab38ea79b9557840dce546aa1958ca.tar.zst PeerTube-8a3183e50dab38ea79b9557840dce546aa1958ca.zip |
Fix non-fixed header and menu when overflow-x body on touchscreens (#2711)
* Make my-account-videos responsive on small screens
* Make my-account-channels responsive for small screens
* Make search result responsive on small screen
Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss index e1acf6cd6..144c2440b 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | |||
@@ -50,6 +50,7 @@ | |||
50 | } | 50 | } |
51 | 51 | ||
52 | .video-channel-buttons { | 52 | .video-channel-buttons { |
53 | margin-top: 10px; | ||
53 | min-width: 190px; | 54 | min-width: 190px; |
54 | } | 55 | } |
55 | } | 56 | } |
@@ -80,6 +81,10 @@ | |||
80 | flex-direction: column; | 81 | flex-direction: column; |
81 | align-items: center !important; | 82 | align-items: center !important; |
82 | margin: auto; | 83 | margin: auto; |
84 | |||
85 | .video-channel-name { | ||
86 | margin-left: 0px !important; | ||
87 | } | ||
83 | } | 88 | } |
84 | } | 89 | } |
85 | 90 | ||
@@ -88,7 +93,23 @@ | |||
88 | } | 93 | } |
89 | 94 | ||
90 | .video-channel-buttons { | 95 | .video-channel-buttons { |
91 | margin-top: 10px; | 96 | align-self: center; |
97 | } | ||
98 | } | ||
99 | } | ||
100 | |||
101 | @media screen and (min-width: breakpoint(lg)) { | ||
102 | :host-context(.main-col:not(.expanded)) { | ||
103 | .video-channel-buttons { | ||
104 | float: right; | ||
105 | } | ||
106 | } | ||
107 | } | ||
108 | |||
109 | @media screen and (min-width: $small-view) { | ||
110 | :host-context(.expanded) { | ||
111 | .video-channel-buttons { | ||
112 | float: right; | ||
92 | } | 113 | } |
93 | } | 114 | } |
94 | } | 115 | } |